【CSS】font-familyを利用したフォントの指定の仕方

CSSでのフォントの指定には、そのフォントを表示する環境が少ない順から指定していきます

フォントの指定

Mac→Windows→両方共通のように書いていきます。フォント名にスペースが含まれるものはダブルクウォーツで囲います。

ゴシック体

通常であれば、これらを指定するとWindows、Macどちらでも綺麗に見える、

font-family:
  "Hiragino Kaku Gothic ProN",
  Meiryo, 
  sans-serif;

英数字ゴシック体

英数字のみであれば、こちらのフォント指定も栄えます。

font-family:
  "Lucida Grande",
  "Hiragino Kaku Gothic ProN",
  Verdana,
  Meiryo, 
  sans-serif;

明朝体

明朝体を指定する場合は、こちらです。

font-family:
  "ヒラギノ明朝 ProN",
  "HG明朝E",
  "ＭＳ Ｐ明朝",
  "ＭＳ 明朝",
  serif;
　font-weight: bold;