はじめに
このリストには、現在関連するすべてのWindowsオペレーティングシステム(実際にはWindows 98以降)に共通のフォントと、Mac OSでの同等のフォントがリストされています。 これらのフォントは、
ブラウザで安全なフォントと呼ばれることもあり
ます 。 これは、Webページを作成するときに使用する小さな参照であり、役に立つと思います。
Webデザインを初めて使用する場合は、次のようなことを考えているかもしれません。「なぜこんな小さなフォントセットに限定する必要があるのでしょうか。 美しいフォントの膨大なコレクションがあります!」という事実は、訪問者のブラウザは
、オペレーティングシステムにインストールさ
れているフォントのみを表示できるということです(
翻訳者のメモ:現在、
CSS 3およびその新しいプロパティは
@ font-faceです;ただし、すべてのブラウザーがこの機能をサポートしているわけではありません)、つまり、ページを訪れる
すべてのユーザーが選択したフォントの所有者でなければなりません。 したがって、各オペレーティングシステムにあるフォントのみを使用する必要があります。 幸いなことに、
CSSにはこれを簡単にする
@ font-familyプロパティがあります。
Windowsの各バージョンに含まれるフォントの
リストにも興味があるかもしれません。
一覧
@フォントファミリー値 | 窓 | Mac | 家族 |
---|
Arial、Helvetica、サンセリフ | Arial | Arial、Helvetica | サンセリフ |
「Arial Black」、ガジェット、サンセリフ | アリアルブラック | Arial Black、ガジェット | サンセリフ |
「Comic Sans MS」、筆記体 | コミックサンMS | コミックサンズMS 5 | 筆記体 |
「Courier New」、Courier、モノスペース | クーリエ新品 | Courier New、Courier 6 | 等幅 |
ジョージア、セリフ | ジョージア1 | ジョージア | セリフ |
インパクト、チャコール、サンセリフ | インパクト | インパクト5 、チャコール6 | サンセリフ |
「Lucida Console」、モナコ、モノスペース | ルシダコンソール | モナコ5 | 等幅 |
「Lucida Sans Unicode」、「Lucida Grande」、sans-serif | Lucida Sans Unicode | ルシダ・グランデ | サンセリフ |
「Palatino Linotype」、「Book Antiqua」、Palatino、セリフ | Palatino Linotype、Book Antiqua 3 | パラティーノ6 | セリフ |
タホマ、ジュネーブ、サンセリフ | タホマ | ジュネーブ | サンセリフ |
「Times New Roman」、Times、セリフ | タイムズニューロマン | 回 | セリフ |
「Trebuchet MS」、Helvetica、サンセリフ | トレビュシェットMS 1 | ヘルベチカ | サンセリフ |
ヴェルダナ、ジュネーブ、サンセリフ | ヴェルダナ | ジュネーブのヴェルダナ | サンセリフ |
記号 | シンボル2 | シンボル2 | - |
Webdings | Webdings 2 | Webdings 2 | - |
Wingdings、「Zapf Dingbats」 | Wingdings 2 | Zapf Dingbats 2 | - |
「MS Sans Serif」、ジュネーブ、サンセリフ | MS Sans Serif 4 | ジュネーブ | サンセリフ |
「MS Serif」、「New York」、serif | MS Serif 4 | ニューヨーク6 | セリフ |
1 GeorgiaおよびTrebuchet MSフォントはWindows 2000 / XPに付属しており、IEフォントパックに含まれている(実際、多くのMicrosoftアプリケーションに付属している)ため、Windows 98を実行する多くのコンピューターにインストールされます。
2文字フォントはInternet Explorerでのみ表示され、他のブラウザーでは通常標準フォントに置き換えられます(ただし、SymbolフォントはOperaで表示され、WebdingsはSafariで表示されます)。
3 Book Antiquaフォントは、Palatino Linotypeとほぼ同じです。 Palatino LinotypeはWindows 2000 / XPに同梱されており、Book AntiquaはWindows 98に同梱されています。
4これらのフォントはTrueTypeではなくビットマップであるため、一部のサイズでは見栄えが悪くなる場合があります(96 DPIで8、10、12、14、18、24 ptのサイズで表示されるように設計されています)。
5これらのフォントはSafariで標準スタイルでのみ機能しますが、太字または斜体で強調表示されている場合は機能しません。 Comic Sans MSも太字で機能しますが、斜体では機能しません。 他のMacブラウザーは通常、欠落しているフォントプロパティを独自にエミュレートしているようです(ヒントについてはChristian Fecteauに感謝します)。
6これらのフォントは、クラシックインストールでのみMacにインストールされます。スクリーンショット
スクリーンショットのいくつかの例(オペレーティングシステムごとに1つ)
Mac OS X 10.4.8、Firefox 2.0、ClearType対応

Windows Vista、Internet Explorer 7、ClearType対応

Windows XP、Internet Explorer 6、ClearType対応

Windows 2000、Internet Explorer 6、フォントジャミングが有効

Linux(Ubuntu 7.04 + Gnome)、Firefox 2.0
ご注意 翻訳者:記事を少しやり直さなければなりませんでした。 Habrでは、テキストに独自のスタイルを追加することはできません:(