参考になったサイトいろいろ。
CSSのfont-family指定に関する考察 2014年版 ｜ セブンシックス
下記について触れられていて、参考になる。
- ブラウザ/OSのデフォルトフォント
- Macが全角のfont-familyを無視する件とその例外条件
- 游書体
- 大手サイトのfont-family
CSSでのフォント指定について考える（2014年） - DTP Transit（Mac OS X, OS X Mavericks, Web Fonts, Web制作, iPhone, フォント）
Win/Macの日本語/アルファベットのfont-familyのブラウザ別対応状況表あり。
游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。
Osaka−等幅は貴重なOS X唯一の和文等幅フォントであるため、monospaceでは利用します。
ブラウザ、モバイル、OSそれぞれにデフォルトでインストールされている日本語フォント一覧
ブラウザ/OSごとの、指定なし/serif/sans-serifそれぞれのデフォルトフォントを調べている。
「游ゴシック」フォントと「Yu Gothic」フォントの違い - ななふぉ
違うらしい。
「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い - 強火で進め
分かりやすい。
上記を参考に、個人的な好みとしてはこんな感じ？
画面表示用（ゴシック）
font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
印刷用（明朝）
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
優先順位は、
- 游書体（Win用）
- Yu書体（Mac用）
- ヒラギノProN（Mac/iOS用）
- メイリオ/MS P明朝（Win用）
- デフォルトフォント
投稿
0 件のコメント:
コメントを投稿