HOME > 社員ブログ > Web safeなfont-familyとやらを試してみる

Web safeなfont-familyとやらを試してみる

ソフトシンクでは、英語版Webサイトの制作も行っています。
制作実績はこちらをご覧ください。

毎回いろいろと考えます。
その中のひとつに、英文のCSSでのfont-family指定があります。
大体お決まりのものはあるんですが、もっといろいろできるんじゃないか？ということでいつもモヤモヤします。

ググってみたらこんなのがありました。

でもこれ、実際にfont-familyを指定したサンプルかと思ったら画像なんですね。

というわけで実践してみました。

どーーーーーん

Impact
└ font-family: Impact, Charcoal, sans-serif;

Palatino Linotype
└ font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;

Tahoma
└ font-family: Tahoma, Geneva, sans-serif;

Century Gothic
└ font-family: Century Gothic, sans-serif;

Lucida Sans Unicode
└ font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;

Arial Black
└ font-family: ‘Arial Black’, Gadget, sans-serif;

Times New Roman
└ font-family: ‘Times New Roman’, Times, serif;

Arial Narrow
└ font-family: ‘Arial Narrow’, sans-serif;

Verdana
└ font-family: Verdana, Geneva, sans-serif;

Copperplate Gothic Light
└ font-family: Copperplate / Copperplate Gothic Light, sans-serif;

Lucida Console
└ font-family: ‘Lucida Console’, Monaco, monospace;

Gill Sans
└ font-family: Gill Sans / Gill Sans MT, sans-serif;

Trebuchet MS
└ font-family: ‘Trebuchet MS’, Helvetica, sans-serif;

Courier New
└ font-family: ‘Courier New’, Courier, monospace;

Arial
└ font-family: Arial, Helvetica, sans-serif;

Georgia
└ font-family: Georgia, Serif;

…勢いでやりました。ごめんなさい。

でも、思っていたのと違うのがいくつかあるような…
環境にもよるとは思いますがやっぱり実践って大事ですね。

カテゴリー：WEB開発の現場で

タグ：

ソフトシンクの社員が日々のあれこれをつづります…