http://adan.noor.jp/am_mattou/menu/menu-simple.htm

 ほとんどのPC(Windows+MAC)に入っていると思われるフォントたち。選択肢は多くありませんが、ウェブフォント(例:Google Web Fonts)より軽く、<link>タグも不要です。
※自分のPCに入っているフォントを指定しても、他の閲覧客のPCに入っていなければ、「普通のフォント」で代替されたり、思いがけないフォントで代替されたりします。「できるだけたくさん」の閲覧客に意図どおり見てもらうには、「できるだけたくさん」のPCにどんなフォントが入っているのかという知識が必要になります。
「このフォントも使える」
「このフォントは、×系のPCにはインストールされてない」
など情報があったら、お知らせ下さい

Sans-Serif

 「ひげ」のない、均一な太さの書体。ゴシック体とも言います。Windowsのバージョンによって斜体になったりならなかったりする「Arial Black」は、あえて省いています。

フォント名= Arial

CSS

font-family: Arial, sans-serif;

Sample : Ameba Top Room My Page 123456789

フォント名= Arial Narrow

CSS

font-family: 'Arial Narrow', sans-serif;

Sample : Ameba Top Room My Page 123456789

フォント名= Trebuchet MS

CSS

font-family: 'Trebuchet MS', sans-serif;

Sample : Ameba Top Room My Page 123456789

フォント名= Verdana

CSS

font-family: Verdana, sans-serif;

Sample : Ameba Top Room My Page 123456789

フォント名= Impact

CSS

font-family: Impact, sans-serif;

Sample : Ameba Top Room My Page 123456789

Serif

 横が細くて縦が太い、文字の端に「ひげ」がある書体。日本語でいう明朝体に相当。
 Platinoのところに3つフォント名が並んでいる理由は、「タイプディレクターの眼」(小林 章氏)参照

フォント名= Times New Roman

CSS

font-family:'Times New Roman', serif;

Sample : Ameba Top Room My Page 123456789

フォント名= Georgia

CSS

font-family:Georgia, serif;

Sample : Ameba Top Room My Page 123456789

フォント名= Palatino

CSS

font-family:Palatino,'Palatino Linotype','Book Antiqua', serif;

Sample : Ameba Top Room My Page 123456789

Others

 上記以外をまとめて。

フォント名= Comic Sans MS

CSS

font-family: 'Comic Sans MS', cursive;

Sample : Ameba Top Room My Page 123456789

フォント名= Courier New

CSS

font-family: 'Courier New', cursive;

Sample : Ameba Top Room My Page 123456789

サイトトップに戻る