「タイポグラフィー」は、優れたデザイン、ブランディング、読みやすさ、優れたユーザー体験にとって重要な要素です。Webフォントを使うことで、これらすべての品質をさらに高めることができます。Webフォントの最適化は、サイトのパフォーマンス対策では重要な要素です。サイズが減少してページの表示時間が向上します。:https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=jaisotypeテーマでは、記事のh1タイトル部分のみ、日本語Webフォントを適用しています。SansとはNotoは、Googleによって開発されたオープンソースのフォントファミリーで、webフォントとしても使用できます。900の7種を網羅しています。再ライセンスが可能です。第1水準漢字を抜き出してフォントセットを作成)することにより、1ウェイト14~16MBあるデータを、約1/40のサイズの400KBまでデータサイズを縮小しています。Format)形式は、一般的なモダンブラウザのほとんどで対応しています。日本語版のシステム用フォントとして開発された「メイリオ(Meiryo)」は、その名の通り、「明瞭」が語源となっており、可読性の高いフォントとされていますが、行間が広い、文字が横長であるなど、可読性が高くとも、あまり綺麗な文字組とは言えません。TPの美しさと比べると、その美学の違いは明確です。isotypeテーマでは、h1タイトル部分において、非漢字(ひらがな、カタカナ、記号)を1文字単位で文字詰め設定をしています。Sansでの表記を対比してみます。Sansでは、細身のウェイトでも可読性が高いのが分かります。フォントウェイト見本Thin人々はあなたの美徳によってあなたを罰し、あなたの過ちによってあなたを許す。mistakes.Light人々はあなたの美徳によってあなたを罰し、あなたの過ちによってあなたを許す。mistakes.Demi-Light人々はあなたの美徳によってあなたを罰し、あなたの過ちによってあなたを許す。mistakes.Regular人々はあなたの美徳によってあなたを罰し、あなたの過ちによってあなたを許す。mistakes.Medium人々はあなたの美徳によってあなたを罰し、あなたの過ちによってあなたを許す。mistakes.Bold人々はあなたの美徳によってあなたを罰し、あなたの過ちによってあなたを許す。mistakes.Black人々はあなたの美徳によってあなたを罰し、あなたの過ちによってあなたを許す。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。画像の配置ページマークアップとフォーマットフロートのクリアコメントのついたページコメントが無効化された固定ページお問い合わせ。