ほとんどのPC(Windows+MAC)に入っていると思われるフォントたち。選択肢は多くありませんが、ウェブフォント(例:Google Web Fonts)より軽く、<link>タグも不要です。
※自分のPCに入っているフォントを指定しても、他の閲覧客のPCに入っていなければ、「普通のフォント」で代替されたり、思いがけないフォントで代替されたりします。「できるだけたくさん」の閲覧客に意図どおり見てもらうには、「できるだけたくさん」のPCにどんなフォントが入っているのかという知識が必要になります。
「このフォントも使える」
「このフォントは、×系のPCにはインストールされてない」
など情報があったら、お知らせ下さい。
「ひげ」のない、均一な太さの書体。ゴシック体とも言います。Windowsのバージョンによって斜体になったりならなかったりする「Arial Black」は、あえて省いています。
font-family: Arial, sans-serif;
Sample : Ameba Top Room My Page 123456789font-family: 'Arial Narrow', sans-serif;
Sample : Ameba Top Room My Page 123456789font-family: 'Trebuchet MS', sans-serif;
Sample : Ameba Top Room My Page 123456789font-family: Verdana, sans-serif;
Sample : Ameba Top Room My Page 123456789font-family: Impact, sans-serif;
Sample : Ameba Top Room My Page 123456789 横が細くて縦が太い、文字の端に「ひげ」がある書体。日本語でいう明朝体に相当。
Platinoのところに3つフォント名が並んでいる理由は、「タイプディレクターの眼」(小林 章氏)参照。
font-family:'Times New Roman', serif;
Sample : Ameba Top Room My Page 123456789font-family:Georgia, serif;
Sample : Ameba Top Room My Page 123456789font-family:Palatino,'Palatino Linotype','Book Antiqua', serif;
Sample : Ameba Top Room My Page 123456789上記以外をまとめて。
font-family: 'Comic Sans MS', cursive;
Sample : Ameba Top Room My Page 123456789font-family: 'Courier New', cursive;
Sample : Ameba Top Room My Page 123456789