ベランダベッドで空をみる

アフィリエイトめも

【wp】Twenty Thirteen のフォントをメイリオに変えたい!

      2013/09/07

このブログで今使っているテーマは、Twenty Thirteen です。

日本語フォントはメイリオが好きなので、デフォルトのフォントからメイリオに変更してみました。

13090501

 

↑デフォルトフォントではこんな雰囲気。

 

本文の文字をメイリオにする

●変更した点
外観⇒テーマ編集⇒Twenty Thirteen: スタイルシート (style.css)を編集

13090503

本文のfont-family(106行目)に 「’メイリオ’,Meiryo,」を追加

(私は、Ctrl+Fの検索窓に「font-family」を入力して検索したもののうち、1番上に出てきたものを編集しました。)

13090502

 

本文のフォントがメイリオになった!
見やすくなりました。

 

記事タイトルや見出しもメイリオにする

記事タイトルや見出しは全然雰囲気の違う明朝風フォントなので、こちらもメイリオにすることにしました。

●変更した点
外観⇒テーマ編集⇒Twenty Thirteen: スタイルシート (style.css)を編集

13090504

見出しなどのfont-family(146行目)に 「’メイリオ’,Meiryo,」を追加

(Ctrl+Fの検索窓に「font-family」を入力して、2番目に出てきたものを編集しました。)

13090505

記事タイトルのフォントが変わりました。

 

実は、cssを変更後ブログを確認したら変わっていなかったので、一瞬「あれっ??」と思ったのですがブラウザの履歴でキャッシュを消したらちゃんと変わっているのを確認できました。

めでたしめでたし。

 - ワードプレス超初心者の軌跡

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

no image
Google XML Sitemaps をウェブマスターツールに登録できない!バージョンアップが原因でした。

新しくワードプレスでブログを始めました。 ウェブマスターツールに登録するために、 …

no image
【wp】Twenty Thirteen を2カラムにする

このブログで現在使っているテーマはTwenty Thirteenです。 もともと …

no image
【wp】WordPress ビジュアルエディタで見出しってどうやってつけるんだっけ!?

HTMLってなんですか?って感じの超初心者です。 無料ブログを使っていたことはあ …

no image
stinger3の子テーマにアドセンスを自分で貼る

あるブログのテーマにstinger3を使いはじめました。 ROOM9さんの子テー …

no image
【wp】WordPressの日付と時間の表示スタイルを変えたい!

記事タイトルの下をよくみたら、投稿した日付が変でした。   なぜか、イ …

no image
ヨメレバの表示がずれてる!困った!→直った!~Twenty Twelve~

もうひとつWPでブログを持っていて、そちらのテーマはTwenty Twelveを …

no image
【wp】Twenty Thirteenの記事タイトル大きすぎ!!タイトルと見出しの文字サイズを小さくしました

Twenty Thirteenのテーマを見て、最初に思ったこと。 タイトルでかっ …