Webセーフフォント

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

既知の問題