Web用のフォントの選択

ある日、涙を流しながらWebデザインの基礎を勉強していたとき、私以外のサイトで私のお気に入りのHelliosフォントが表示されないことを発見しました。



オペレーティングシステムは、デザイナーに特定の標準を指示し、データベースで既に使用可能なフォントを表示し、慣れていないフォントを無視して標準のフォントに置き換えます。 もちろん、さまざまな高度なフォントの実装がありますが、このコンテキストでは、一般的なHTML標準に最適なフォントの選択に焦点を当てようとします。



画像



解釈すると、一部のブラウザはフォントを滑らかにし、他のブラウザは角度を残します。 読みやすくするために、小さいフォントは平滑化されず、大きいフォントまたは太字フォントは平滑化される場合があります。 もちろん、フォントの概念の基本的な構築では、滑らかでないテキストを正確に考慮する必要があります。



WindowsおよびMacのすべてのバージョンでサポートされているフォントの概要表を提供します



画像



表からわかるように、すべてのフォントが同じように役立つわけではありません。つまり、1つのフォントサイズでは、それが大きくなったり小さくなったり、読めない場合もあります。



フォントの選択を簡単にするために、必要なフォントがどのように見えるかを簡単に確認できるPSDファイルを作成しました。 フォントサイズは9〜17 pt太字および標準です。 このファイルには、ほとんどのOSでサポートされているすべてのフォントが含まれています。 また、各フォントの近くには、OSに導入された日付に関するメモがあります。

フォントをスタイルに合わせて順番に並べようとしました。 左から-より厳密な右へ-本、原稿、技術、コミカル。



画像



フォント付きのPSDファイルをダウンロードするのは非常に簡単です( リンク )-

必要なフォントレイヤーを選択し、レイアウトにドラッグします。

これにより作業が簡素化され、高速化されることを願っています。 ご清聴ありがとうございました!



All Articles