アメブロの文字（書体）をお洒落で読みやすいフォントに変更しよう

今回はアメブロカスタマイズでも、基本の「き」的な所を変更するご提案です。

記事を読んでもらうためには、、、
*　内容が面白い
*　写真を飾る
*　フォントサイズ、色を変えてメリハリをつける
確かにその通りです。

ですが、その前に
文字自体をお洒落な書体に変えてみませんか？
ブログは全体の半分近くが文字です。
そのフォントが柔らかくなるだけで、全体の印象は大幅に改善されます
装飾、云々の前に、読みやすいフォントと行間を設定をしましょう♪
文字も立派なデザイン要素のヒトツです。

百聞は、、、なので、下に比較サンプル画像を貼りました。
左がデフォルト設定。行間も結構キュウキュウしています。
右が「メイリオ」というフォントにして行間を開いた設定をCSSでカスタマイズしています。

好みという所もありますが、女性向けの場合であれば確実に右をオススメします。

メイリオについて
Windows Vista 以降のマイクロソフト制のOSで標準搭載されているフォントです。
（強引簡易訳：今のPCにはたいてい入っています。）

それでは、CSSを弄ってメイリオフォントにする方法です！
（Macやスマフォで閲覧するとヒラギノ系「メイリオにやや似ている」フォントがデフォルト設定なので、Windowsで閲覧している人にとって有効なカスタマイズです）

1）CSSの編集　を開きます
何処でも良いのですが、
整理という視点から/* (1-1) 全体の文字の下に以下のタグを設置。

.skinFrame {  font-family:"ヒラギノ角ゴ Pro Ws3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
.articleText{line-height:1.8em }

2）保存。これで完了です

タグの補足（変更したくない場合は.articleTexから削除してタグを貼ってください）
line-height:　行間。数値を変更して調整可能。

今後も、アメブロを使いやすく便利にする情報を定期的に記載していきます

いずれは、簡単な「アメブロカスタマイズ講座」や「テンプレート配布」もできたら良いなと思っています。

第2回　「アメブロの文字（書体）をお洒落で読みやすいフォントに変更しよう」でした。