ブログ全体のフォントを指定する場合は,bodyタグ内に font-family で指定します。
良く使われるフォント
英語フォントは,Arial (Windows),Helvetica (MacやiOS) が一般的です。日本語フォントは,メイリオ (Windows),ヒラギノ角ゴ (MacやiOS),游ゴシック が好まれてます。
フォントサイズは,15px~16px,行の高さは,25px~30pxを指定しているブログが多いです。
フォントの指定方法
- フォントは font-family で指定する。
- スペースを含むフォント名は,クォーテーション (') で囲んで指定する。
- 複数指定した場合は,指定した順に優先して適用される。
- そのため,英語フォント → 日本語フォントの順に指定する。
- 最後に総称ファミリを指定しておけば,指定したフォントがない場合でも,類似のフォントが適用される。
総称ファミリは,
- ゴシック体:sans-serif
- 明朝体:serif
- 等幅フォント:monospace
font-family のサンプル
/*フォントの設定 */
body {
font-family: 'Arial','Helvetica','メイリオ','Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','游ゴシック','Yu Gothic',sans-serif ;
}