ブロガーでフォントサイズや行間・記事の幅を変更してみる。

2019/01/20

Template

t f B! P L
文字フォントを変更して読みやすくするために,cssを書き換えて指定してみます。特に海外のテンプレート(テーマ)を使用すると,日本語の記事が読みにくくなることが多いので,フォントの指定は大切。
ブログ全体のフォントを指定する場合は,bodyタグ内に font-family で指定します。


良く使われるフォント

英語フォントは,Arial (Windows),Helvetica (MacやiOS) が一般的です。
日本語フォントは,メイリオ (Windows),ヒラギノ角ゴ (MacやiOS),游ゴシック が好まれてます。
フォントサイズは,15px~16px,行の高さは,25px~30pxを指定しているブログが多いです。


フォントの指定方法

  • フォントは font-family で指定する。
  • スペースを含むフォント名は,クォーテーション (') で囲んで指定する。
  • 複数指定した場合は,指定した順に優先して適用される。
  • そのため,英語フォント → 日本語フォントの順に指定する。
  • 最後に総称ファミリを指定しておけば,指定したフォントがない場合でも,類似のフォントが適用される。

総称ファミリは,
  • ゴシック体:sans-serif
  • 明朝体:serif
  • 等幅フォント:monospace
など5種類ありますが,読みやすいのでほとんどの日本語のブログでは sans-serif が使われてます。


font-family のサンプル


/*フォントの設定 */
body {
font-family: 'Arial','Helvetica','メイリオ','Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','游ゴシック','Yu Gothic',sans-serif ;
}



このブログを検索

ラベル

ブログ アーカイブ

QooQ