WordPressのTwenty Twelveのフォントを変更する


 

最近のWordPressのテーマは、ダッシュボードでフォントとかイジれて便利ですなあ・・。

このブログのテーマ(Thematic)、シンプルで気に入ってるんだけど、font-familyとか変更する時はサーバにログインしないといけないので不便。

以下は、WordPressデフォルトのTwenty Twelveにて、ブログ記事の本文のフォントを変更する場合。
 

1、WordPressのダッシュボードにて、外観→テーマ編集をクリック。

2、style.cssが表示されるので、以下のbodyのセクションを検索。(F5)

body {
font-size: 14px;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}

 
3、font-familyを変更し、「ファイルを更新」をクリック。
以下は、メイリオの例。

body {
font-size: 14px;
font-size: 1rem;
font-family: 'メイリオ',Meiryo,Arial,’MS Pゴシック’,sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}

 
なんかググったらヒラギノにしてる人、多いですね。
ヒラギノならこう。

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif;
 

This entry was posted in WordPress. Bookmark the permalink. Both comments and trackbacks are currently closed.

関連記事