ブログのフォントをCSSでおしゃれに変更する方法

公開日: : 最終更新日:2015/05/12 ブログについて

このエントリーをはてなブックマークに追加

New Font: Monroe
New Font: Monroe / FontShop

SEO効果の高いStingerのフォントをどうしても変えたかったので、お気に入りのフォントに変えてみました。フォントはブログの顔だと思っているので、どうしてもこだわりたかったんです。それではフォントを変更する簡単な方法をご覧ください!

作業は簡単!1行変えるだけ

結論から言うと、ダッシュボードからstyle.cssの以下の部分を編集します。

font-family: arial, helvetica, osaka, "MS PGothic", sans-serif;

これを

font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","MS Pゴシック","MS PGothic",Arial, Helvetica,sans-serif;

に変更します。
これだけブログのフォントをきれいなもので見やすいものにできます。

Before

ブログの顔であるフォントを変更する方法(stinger)

After

ブログの顔であるフォントを変更する方法(stinger)
スタイリッシュになりましたよね。非常に気に入っております^^

なお、今回はみうろぐさんのCSSに設定するfont-family(フォントファミリー)の決定版!2013年現在まとめ!を参考にさせて頂きました。ありがとうございます!
フォントの詳しい説明を聞きたい型はこちらの記事をご覧下さい。非常に勉強になります。

スポンサーリンク

まとめ

・フォントはブログの顔だからめちゃくちゃ大事
スティーブ・ジョブズも相当こだわっていた
・それだけ人に与える印象が変わる
フォントのおかげでブログへの愛が深まりました。みなさんも試してみてください。

仕事で悩む人から人気の記事

筆者Twitterアカウント

フォローいただければ、最新記事や、ブログで稼ぐ、アクセスを集める方法などをタイムラインにお届けします。

ブログ「らふらく」を購読する→follow us in feedly

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

ブログで稼ぐ方法をまとめてます

関連記事はこちらからどうぞ!

いつもシェア感謝です!今回もぜひ

このエントリーをはてなブックマークに追加
※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!
SNSでも自分の得意なことで収入を得る方法を発信しています。フォローすれば更新をチェックできますので、ぜひフォローを。
仕事依頼などのお問い合わせは「iwgp545@yahoo.co.jp」か、「TwitterのDM」、「Facebookのメッセージ」からお願いします。

SNSでフォローしてお金を稼ぐための情報を受け取ろう
LINE@で友達追加(スマホでLINEを起動 > その他 > 友だち追加 > QRコード読み取り)
ブログで生活しているタクスズキと申します。「好きなことを仕事に」を当たり前にする活動をしています。よく「真面目」と言われる89世代の意識高い系です。 スズキについて詳しく知りたい方はこちらからどうぞ
仕事のご依頼(広告掲載、記事寄稿など)はiwgp545@yahoo.co.jpからお願いします!