CSS の font-family プロパティで、異なるブラウザ、オペレーティングシステムで最大限互換性を確保する為に、複数のフォールバック用フォントファミリを優先度順に指定し、最後に総称体を指定します。フォールバックによりブラウザで使用できるフォントの検出が順に行われ最初に見つかったフォントが使用されます。
フォントファミリー名に空白が含まれる場合は、必ずシングル(あるいはダブル)クォーテーションで括る必要があるので注意してください。
Windows、Mac OSX、Linux上で類似のフォントレンダリング結果となるフォントファミリーのリストは次のとおりです。
Serif Fonts
font-family | Example text |
---|---|
Georgia, serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Palatino Linotype”, “Book Antiqua”, Palatino, serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Times New Roman”, Times, FreeSerif, serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
Sans-Serif Fonts
font-family | Example text |
---|---|
“Neue Helvetica”,”Helvetica Neue”, Helvetica, Arial, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Arial Black”, Gadget, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Century Gothic”, CenturyGothic, AppleGothic, sans-serif; | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Comic Sans MS”, cursive, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
Impact, Charcoal, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Lucida Sans Unicode”, “Lucida Grande”, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
Tahoma, Geneva, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Trebuchet MS”, Helvetica, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
Verdana, Geneva, sans-serif | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
Monospace Fonts
font-family | Example text |
---|---|
“Courier New”, Courier, monospace | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |
“Lucida Console”, Monaco, monospace | abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 |