にちじょうみだれがき

役立ち情報から雑記まで幅広いジャンルを展開するブログ。

はてなブログの文字フォントを変更してオシャレなブログを目指そう

他ブログとの差別化をするためにはオリジナリティが必要。でも高度な技術はないから困った!って方におすすめのブログカスタマイズを発見したので、紹介します。

f:id:ChihaYuu:20160502230557j:plain

参考にさせていただたのはこちらの記事

はてなブログのフォントの種類を変えました - IT系女子ログ

とても分かりやすく、ためになりました。トスザウルス (id:tosssaurus)さん、どうもありがとうございます。(問題あれば記事を削除します)

フォントを変える為には、CSSを変更しないといけません。
CSSの変更は以下の場所から行えます。

ダッシュボード > デザイン > カスタマイズ > デザインCSS


当ブログでは以下の様なCSSを記述しています。

/*文字フォント変更*/
body {
font: 16px/1.8 "游ゴシック", "YuGothic", "Yu Gothic", 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "Meiryo", Helvetica, Arial, sans-serif;
}
h3.entry-title a {
font: 18px/1.8 "游ゴシック", "YuGothic", "Yu Gothic", 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "Meiryo", Helvetica, Arial, sans-serif;
color: #00addd;
font-weight: bold;
}

フォントを変更するだけで、もの凄くブログが一変しました。フォント変更と同時に文字サイズの変更も行っているので、それも大きいかもしれません。

はてなブログは色々な人がカスタマイズしているので、カスタマイズ方法を検索するだけで参考になるサイトがいっぱいヒットします。

これだから「はてなブログ」はやめれないんだ!楽しくてしょうがないんだよなぁ~

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法