Corredor

ウェブ、プログラミングの勉強メモ。

CSS の font-family に書くフォント名の調べ方

デザインの現場で役立つ フリーフォントセレクション1000

デザインの現場で役立つ フリーフォントセレクション1000

CSS の font-family にどんなフォント名を書いたらいいのか調べる方法。

  • Windows の場合は、「コントロールパネル」→「フォント」を開き、一覧からフォントを選択して詳細 (プレビュー) 画面の表記を見る。
    • プレビューウィンドウの「フォント名:」のところ。
  • Mac の場合は、「Finder」→「アプリケーション」→「Font Book」を開き、一覧からフォントを選択してメニューバーの「i」(情報) アイコンを押して詳細画面の表記を見る。
    • 「ファミリー」でバリエーションを無視して総称を緩く指定するか、「正式名称」で細かく指定するか。「PostScript 名」も「正式名称」と同様に使用できる。

和文フォントはさらに英語環境での表記、日本語環境での表記が違うと思うので、それも確認しておき、

  • Mac 向け・英語表記
  • Mac 向け・日本語表記
  • Windows 向け・英語表記
  • Windows 向け・日本語表記

という順で4種類の指定を併記しておくと完璧かと。