はじめに
このリストには、現在関連するすべての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にインストールされます。
スクリーンショット
- Mac OS X 10.4.8、Firefox 2.0、ClearType対応 (スクリーンショットについてはJuris Vecvanagsに感謝)
- Mac OS X 10.4.4、Firefox 1.5、ClearType対応 (スクリーンショットEric Zaveskyに感謝)
- Mac OS X 10.4.11、Safari 3.0.4、ClearType対応 (スクリーンショットを提供してくれたNolan Gladiusに感謝)
- Mac OS X 10.4.4、Safari 2.0.3、ClearType対応 (スクリーンショットを提供してくれたEric Zaveskyに感謝)
- Windows Vista、Internet Explorer 7、ClearType対応 (スクリーンショットを提供してくれたMichiel Bijlに感謝)
- Windows Vista、Firefox 2.0、ClearType対応 (スクリーンショットを提供してくれたMichiel Bijlに感謝)
- Windows XP、Internet Explorer 6、ClearType対応
- Windows XP、Firefox 1.0.7、ClearType対応
- Windows XP、Internet Explorer 6、フォントアンチエイリアシングが有効
- Windows XP、Firefox 1.0.7、フォントアンチエイリアシングが有効
- Windows 2000、Internet Explorer 6、フォントアンチエイリアシングが有効
- Windows 2000、Firefox 1.0.7、フォントアンチエイリアシング有効
- Linux(Ubuntu 7.04 + Gnome)、Firefox 2.0 (スクリーンショットを提供してくれたJuris Vecvanagsに感謝)
スクリーンショットのいくつかの例(オペレーティングシステムごとに1つ)
Mac OS X 10.4.8、Firefox 2.0、ClearType対応
![画像](https://habrastorage.org/getpro/habr/post_images/e72/fb3/630/e72fb3630f9677b0de9b6c994dd9f8b7.png)
Windows Vista、Internet Explorer 7、ClearType対応
![画像](https://habrastorage.org/getpro/habr/post_images/03f/43e/0c2/03f43e0c273e1f10a66b7f342fde1396.png)
Windows XP、Internet Explorer 6、ClearType対応
![画像](https://habrastorage.org/getpro/habr/post_images/e93/cf9/cb0/e93cf9cb0c422b8314d1050da176c682.png)
Windows 2000、Internet Explorer 6、フォントジャミングが有効
![画像](https://habrastorage.org/getpro/habr/post_images/ba7/adb/36d/ba7adb36d588ece91c1cb964010e27fc.png)
Linux(Ubuntu 7.04 + Gnome)、Firefox 2.0
![画像](https://habrastorage.org/getpro/habr/post_images/e77/df0/6f2/e77df06f2c6a133e83406589526c8771.png)
ご注意 翻訳者:記事を少しやり直さなければなりませんでした。 Habrでは、テキストに独自のスタイルを追加することはできません:(