font-family(フォントファミリー)のCSS設定
とある病院HPのコーディング中にふと、font-family(フォントファミリー)のCSS設定が気になったので書き留めておきます。以前、外資系のサイトを作ったときに、欧米人に馴染みのあるフォントはArialだと担当者から言われました。そのため、times new romanなどで作っていたテキスト画像を全てArialに変えた覚えがあります。以後、英語を使う際はなるべくArialで作っています。ただ、日本人の感覚からすると、Arialフォントは字間が狭く、やや窮屈な印象と硬い印象を受けるので、日本人に英語をかっこよく見せたい!という場合にはあえて変えています。。さて、font-familyは、記述する順番が優先順位となりますのでそれも気をつけないといけません。いろいろと考え、現在の私の場合はbody{ font-family:Helvetica,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','MS Pゴシック',sans-serif;}に落ち着きました。英語と日本が混じっている場合、まずHelveticaとArialが最初に適用されます。Helveticaは世界で最もきれいなフォントと評価されているようです。しかし、通常のPCにHelveticaが入っているのかは疑問です。なので一応、Arialも指定しておきます。