CSSに関する最も良い点の1つは、ブラウザメーカーが選んだデフォルトフォントを、ブランド、スタイル、または好みに合わせて変更することです。しかし、 "Goudy Stout"や "Kunstler Script"のようなフォントを選択した場合、あなたのページを閲覧するすべての人にあなたのフォントが表示されることはありません。
フォントの選択を保証する唯一の方法は画像である
あなたが確かにロゴや他のブランディング要素のような特定のフォントを積極的に持たなければならない場合は、イメージを使用する必要があります。ただし、画像によってWebサイトの読み込み速度が低下し、読みにくくなることを覚えておくことが重要です。彼らは拡大縮小できないので、それを読むためにフォントを大きくする必要がある誰もができません。また、巨大なコンテンツをイメージにするのは現実的ではありません。
基本的には、欠点は潜在的な利益を上回るため、テキスト用に画像を使用することはお勧めしません。結局のところ、Webは印刷されておらず、優れたWebデザイナーはいつも自分たちのビジョンに柔軟に対応しています。
あなたのお気に入りのフォントを選択し、その後一般的なフォントを追加する
テキスト用のフォントとしてPapyrusを絶対に使用する必要がある場合でも、CSSを使用してフォントのスタイルを設定できます。フォントシリーズを使用して、そのフォントを持たないが別のフォントを持つ顧客には、あなたのビジョンに近いデザインが表示されるようにしてください。あなたの好みの順番でフォントファミリを一覧表示します。言い換えれば、Papyrusが一番よく見える場合は、まずそれを挙げてください。それに続いて2番目によく見えるフォントファミリに続きます。
常に汎用フォントでフォントリストを終了します。これにより、選択したフォントがどれもマシンに存在しなくても、適切なファミリではなくても正しいフォントタイプで表示されます。
リストにWindowsフォントとMacintoshフォントの両方を使用する
Macintoshと同じ名前のフォントはWindowsと同じくらいたくさんありますが、多くのフォントが異なっています。 WindowsフォントとMacintoshフォントの両方を含めると、両方のシステムでページが最適に見えるようになります。
システムの一般的なフォントのいくつかは次のとおりです。
- 共通のMacintoshフォント
- 一般的なWindowsフォント
- WindowsとMacintoshのフォントを比較する
次に、良いフォントリストの例を示します。
フォントファミリ：Papyrus、Lucida Sans Unicode、Geneva、sans-serif;
このリストには、一般的なフォント（Papyrus）、Windowsフォント（Lucida Sans Unicode）、Macintoshフォント（Geneva）、および最終的に汎用フォントファミリ（sans-serif）が含まれています。 目を引くフォントの例の1つはKunstler Scriptで、これは筆記体のフォントです。ほとんどのWindowsシステムでは、一般的な筆記体フォントとしてComic Sans MSが使用されているため、このフォントを使用する場合は、「筆記体」を汎用フォントとして指定しないでください。代わりに、Kunstler Scriptがない場合、サンセリフのフォントを使用するようブラウザに指示できます。そうすれば、あなたが望むのと全く同じスタイルでないと、少なくともあなたのテキストは読みやすくなることがわかります。 あなたはあなたのお気に入りのフォントの種類に汎用フォントを一致させる必要はありません
