Loading...
各種フォントを実際のブラウザ表示で即時に確認・比較できるツールです。Google Fonts に対応しており、フォントの太さ、文字サイズ、行間、字間を調整しながらデザイン検証が可能です。
各種フォントを実際のブラウザ表示で即時に確認・比較できるツールです。Google Fonts に対応しており、フォントの太さ、文字サイズ、行間、字間を調整しながらデザイン検証が可能です。
現在の設定をCSSとしてコピーできます。
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">.text-style {
font-family: Noto Sans JP, Hiragino Sans, Meiryo, sans-serif;
font-size: 48px;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.6;
text-align: center;
color: #1f2937;
background-color: #ffffff;
}現在の設定をCSSとしてコピーできます。
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">.text-style {
font-family: Noto Sans JP, Hiragino Sans, Meiryo, sans-serif;
font-size: 48px;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.6;
text-align: center;
color: #1f2937;
background-color: #ffffff;
}このフォントプレビューツールは、Webフォントや日本語のシステムフォントを ブラウザ上で即時に比較・検証できる無料ツールです。 Google Fonts に対応しており、文字サイズ・太さ・行間・字間・背景色などを リアルタイムで調整しながら表示を確認できます。
游ゴシックやヒラギノ角ゴシックなどの日本語フォントにも配慮して設計されており、 実際のWeb表示に近い状態でタイポグラフィを検討できます。 作成した設定はURLとして共有できるため、デザイン検討やチーム内レビュー、 クライアント確認にも便利です。