CSS の font-family に書くフォント名の調べ方
CSS の font-family にどんなフォント名を書いたらいいのか調べる方法。
- Windows の場合は、「コントロールパネル」→「フォント」を開き、一覧からフォントを選択して詳細 (プレビュー) 画面の表記を見る。
- プレビューウィンドウの「フォント名：」のところ。
- Mac の場合は、「Finder」→「アプリケーション」→「Font Book」を開き、一覧からフォントを選択してメニューバーの「i」(情報) アイコンを押して詳細画面の表記を見る。
- 「ファミリー」でバリエーションを無視して総称を緩く指定するか、「正式名称」で細かく指定するか。「PostScript 名」も「正式名称」と同様に使用できる。
和文フォントはさらに英語環境での表記、日本語環境での表記が違うと思うので、それも確認しておき、
- Mac 向け・英語表記
- Mac 向け・日本語表記
- Windows 向け・英語表記
- Windows 向け・日本語表記
という順で4種類の指定を併記しておくと完璧かと。