WordPressテーマ「Stinger3」のフォントを変更する方法

SEO対策に有利な事で有名になったWordPressの人気テーマ「Stinger3」を導入した時、一番最初に行ったカスタマイズが「フォントを変更する」でした。デフォルトの見栄えはこんな感じです…

このフォントでも問題は無いのですが、もう少し綺麗なフォントはないかなと思い見つけたのがこちら

いかがでしょうか？個人的にはこちらの方が読みやすく感じます。今回はこちらのフォントに変更する方法を備忘録として記事にします。
こちらの記事「OSXローカル環境にwordpressをインストールする方法」でも紹介したローカル環境に構築したwordpressのStinger3でこのカスタマイズをテストします。

style.cssを開きます

ダッシュボード→外観→テーマ編集でstyle.cssを開いて頂いても、他のアプリで開いて頂いてもOKです。
デフォルトの表示はこちらです。

* {
	font-family: arial, helvetica, osaka, "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
}

変更するのはこの３８行目の設定の部分です。３８行目をこちらのコードと入れ替えします。

	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;

最終的にこのような感じになると思います。

* {
	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
	margin: 0px;
	padding: 0px;
}

完成したらブログで表示を確認してください。

簡単に変更する事が出来ました。今回ゼロからはじめる WordPressで紹介されているフォントを使用させて頂きました。読んで頂いてありがとうございました。