PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザインの勉強と備忘録。Webサイト制作系の職業訓練を受けてます。

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

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

フォントの指定

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

ゴシック体

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

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",
  "MS P明朝",
  "MS 明朝",
  serif;
 font-weight: bold;