ナチュログのフォントを変更する

シッポナ

2015年10月29日 18:07


フォント(書体)を変える方法・・・ナチュログのテンプレートカスタマイズ・ブログデザイン・ブログカスタマイズ


今回はブログのフォントを変更する方法です。



Windowsマシンでブログの見ると「ちょっとフォントがギザギザだな~」なんて思うことはないでしょうか。


実はWindowsはMacと違って、フォントや文字サイズによってアンチエイリアス(文字を綺麗に見せる仕組み)が効かないものがあるんです。


最近のWindowsマシンで綺麗に見えるフォントは「メイリオ」と「游ゴシック」。


メイリオ・・・Windows Vista 以降のマイクロソフト製 OS に標準で搭載
游ゴシック・・・Windows 8.1とMac OS X 10.9(Marvericks)以降に標準で搭載


ナチュログのテンプレートはWindowsマシンで「MS Pゴシック」が表示される設定のものが多いみたいです。


フォントの指定順序は人それぞれで、意見もいろいろ分かれるのですがゴシック体での僕のおススメ順は


メイリオなら
'Segoe UI' , Verdana, 'メイリオ' , Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic ProN' sans-serif;

游ゴシックなら
'Segoe UI' , Verdana, '游ゴシック' , YuGothic, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic ProN' sans-serif;


僕は違うな!って思う方もいらっしゃるかと思いますが、そういう詳しい方はこの記事を無視してくださいね・・・。


今回はテンプレートによってCSSでのフォントの指定方法が違うので、少し力技で全てのフォントを変更します。 ^^;


やり方はいつもと同じでスタイルシートの最後に、どちらかのフォントの青文字部分を「コピペ」するだけ!

※スタイルシートの編集方法は過去記事「ブログタイトル画像の差し替え」を参考にしてくださいね。



■メイリオにしたい場合

/*フォントの変更*/
*{
font-family: 'Segoe UI' , Verdana, 'メイリオ' , Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic ProN' sans-serif;
}



■游ゴシックにしたい場合

/*フォントの変更*/
*{
font-family: 'Segoe UI' , Verdana, '游ゴシック' , YuGothic, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic ProN' sans-serif;
}



このブログはメイリオ優先にしています。

Windowsに偏った記事でMac愛用の方スミマセン m(__)m






関連記事