WindowsおよびMacintosh上の標準フォント

彼らが持っていないフォントを使用する場合、あなたの読者が見るもの

CSSに関する最も良い点の1つは、ブラウザメーカーが選んだデフォルトフォントを、ブランド、スタイル、または好みに合わせて変更することです。 しかし、 "Goudy Stout"や "Kunstler Script"のようなフォントを選択した場合、あなたのページを閲覧するすべての人にあなたのフォントが表示されることはありません。

フォントの選択を保証する唯一の方法は、イメージである

あなたが確かにロゴや他のブランディング要素のような特定のフォントを積極的に持たなければならない場合は、イメージ使用する必要があります 。 しかし、画像によって、Webサイトの読み込み速度が遅くなり、読みにくくなることに注意してください。 彼らは拡大縮小できないので、それを読むためにフォントを大きくする必要がある誰もができません。 また、巨大なコンテンツをイメージにするのは現実的ではありません。

テキスト用に画像を使用することはお勧めしません。 私は欠点が潜在的な利益を上回ると感じています。 結局のところ、Webは印刷されておらず、優れたWebデザイナーは自らのビジョンに柔軟に対応しています。

あなたのお気に入りのフォントを選択し、その後一般的なフォントを追加する

テキストのフォントとして「Papyrus」を絶対に使用する必要がある場合でも、CSSを使用してフォントのスタイルを設定できます。 フォントシリーズを使用して、そのフォントを持たないが別のフォントを持つ顧客には、あなたのビジョンに近いデザインが表示されるようにしてください。 あなたの好みの順番でフォントファミリを一覧表示します。 言い換えれば、Papyrusが一番よく見える場合は、まずそれを挙げてください。 それに続いて2番目によく見えるフォントファミリに続きます。

常に汎用フォントでフォントリストを終了します。 これにより、選択したフォントがどれもマシンに存在しなくても、適切なファミリではなくても正しいフォントタイプで表示されます。

リストに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がない場合、ブラウザにサンセリフフォントを使用するよう指示します。 そうすれば、私が望んだスタイルではないにしても、少なくともテキストは読みやすくなることがわかります。