タイルシート (style.css) の編集方法ワードプレスブログの文字フォントを変更して印象をガラっと変える!スタイルシート (style.css) の編集方法 「ワードプレスの文字フォントが気に入らない!」というときにフォントを変更する方法をご紹介します。 ワードプレスをインストールしてウキウキ自分のブログを見てみたら「文字ダサすぎでしょ・・」とガッカリすることってありますよね。 これ、テーマ(テンプレート)によって使うフォントが違っているので明朝体などのフォントで設定されている場合どうにも垢抜けない印象になってしまいがちです。 ということでこの記事ではワードプレスの文字フォントを変更するやり方を書いていきたいと思います。 目次 [閉じる]1 ワードプレスの文字フォントを変更しよう1.1 明朝体からメイリオへ変更するとこう変わる1.2 文字フォントを変更する方法ワードプレスの文字フォントを変更しよう明朝体からメイリオへ変更するとこう変わる フォントが違うだけでどれだけブログの印象が変わるかちょっと見てみます。 こちらが最初に設定されていた明朝体。 う~ん。固い。固すぎる。これをメイリオに変更してみます。 全然違いますね!すごく柔らかく、そして読みやすくなりました。 今のフォントが気に入らない、と言う方。是非下の手順で変更してみてください。 文字フォントを変更する方法 ではやり方です。 ダッシュボードの『外観』『テーマの編集』を開きます。 スタイルシート (style.css)を編集していきます。タグの中でfont-familyと書かれているところを見つけてください。 探すのが大変なのでCtrl-Fで検索すると簡単です。 私の別ブログで探してみると、ありました。『serif』明朝体です。『sans-serif』となっているときはゴシック体です。 ここを好きなフォントに変更しましょう。 おすすめはメイリオ。引用:Wiki 英字はVerdanaも柔らかくて良い感じです。引用:Wiki 私はこのように変更しました。フォントを複数設定しています。1font-family: Verdana,”メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”MS Pゴシック”,”MS PGothic”,sans-serif; Verdamaとメイリオをメインに使って、その他はこの2つのフォントが入っていない読者用に念のため入れておいた感じです。 尚、スタイルシートを変更するときは削除するコードを/*削除したいコード*/このように囲んでおくことで無効化できます。赤枠が新しく加えたコード、青線が無効化したコードです。このようにすることで何かトラブルがあったときにすぐに元に戻せますね。 以上がワードプレスのフォントを変更する方法です。無事にお気に入りのフォントにできましたでしょうか?
情報源: ワードプレスブログの文字フォントを変更して印象をガラっと変える!スタイルシート (style.css) の編集方法 | 元ひきこもり主婦が在宅PC1台で子供の留学費用を稼ぐ現旅行人ブログ