変更できるのは、記事、記事+記事タイトル、記事+ウィジェットタイトル、ウィジェットタイトル、全てのテキストの5パターンです。
HTMLの変更をすることなく、全てコピペで変更できます。
フォント変更の基本
テンプレートからカスタマイズをクリックする。
テンプレートデザイナー画面になるので、上級者向けをクリックする。
下にスクロールして、CSSを追加をクリックする。
右側にCSSを入力できるので、コピーしたものを貼り付けます。
貼り付けたら、右上のブログに適用を押し忘れないように注意する。
どの部分のテキストをメイリオに変えたいかによって、貼り付けるものが変わってきます。
①
body { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }
②
* { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }
③
h2 { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }
基本となるのはこの3種類だけなので、簡単に変更できます。
記事だけを変更する
記事タイトルとウィジェットタイトルを変更したくない場合は、①だけを貼り付けます。記事+記事タイトルを変更する
ウィジェットタイトルを変更したくない場合は、②だけを貼り付けます。ウィジェットタイトルを変更する
記事や記事タイトルを変更したくない場合は、③だけを貼り付けます。このように、①,②,③それぞれ指定している場所が異なるので、変更したい場所に合わせて組み合わせていきます。
記事+ウィジェットタイトルを変更する
記事タイトルだけ変更したくない場合は、①と③を貼り付けます。全てを変更する
ブログ内の全てのテキストを変更する場合は、②と③を貼り付けます。Awesome Inc.テンプレートのブログタイトル以外をメイリオにする方法
（2016年2月10日に追記）（2016年2月12日に加筆）「Awesome Inc.」でメイリオにしようとすると上記の方法だけでは、トップページのブログタイトルと記事ページのブログタイトルのフォントが統一されません。
そこで、上記の②と③を追加後、さらに下記を追加します。
④
h3.post-title, h4 { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }
⑤
.Header h1 a { font: normal normal 48px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; }
⑥
h3.post-title a { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }
④は記事ページのコメント部分で、⑤が記事ページのブログタイトル、⑥がトップページの記事タイトルです。
①以外を追加した状態で、ブログタイトルがデフォルト、それ以外がメイリオになります。
フォントサイズは適宜変更してください。
記事タイトルをデフォルトに
記事タイトルとブログタイトルをデフォルトにする場合は、②③⑤を追加後に下記を追加する。⑦
h4 { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }
ブログタイトルもメイリオに
ブログタイトルもメイリオに変更する場合は、②③④⑥を追加後に下記を追加する。⑧
.Header h1 { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }メイリオに変更して気付いたこと
変更する前は、Arialを使っていて、記事タイトルなどキレイに一行で収まっていたものが、メイリオに変更後二行になってしまったところもあります。それでも、メイリオに変えて全体としてはかなり読みやすくなりました。
ブログのデザインによっては、他の部分への影響があるかもしれないので、変更後はチェックしたほうがよさそうです。
スポンサーリンク
