Affiliate Re:Life

アフィリエイトで最高の人生を取り戻す(リライフする)方法についてご紹介します。

※PR

ブログ

ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法!

更新日:

この記事では、ブログフォントをおすすめの「メイリオ」や「游ゴシック」へ変更する方法について解説していきます。

あなたは、ブログを作成するときに、

フォントを「メイリオ」や「游ゴシック」へ変更する方法ってどうすればいいんだろう?

と、考えたことはありませんか?

ブログのフォントの中でも、見やすく読み込みが早くておすすめなので、変更方法が気になるところですよね。

これ結論からお伝えしますと、

  • ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法はコチラです。

フォント変更方法

  1. 「外観」→「カスタマイズ」をクリックする
  2. 「追加 CSS」をクリックする
  3. 「メイリオ」又は「游ゴシック」のCSSをコピーする
  4. 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

それでは詳しく見ていきましょう。

スポンサーリンク

目次


ブログで月収58万円稼げた方法

ブログ未経験の主婦が…。

実践して8ヶ月目に月収58万円を突破した方法です。

ブログを使って稼ぐ方法に興味がありましたらご覧ください。

→ 初心者の主婦が月収58万円稼いだ方法

 

ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法

ブログのフォントでおすすめな、「メイリオ」「游ゴシック」へと変更する方法はコチラでしたね。

フォント変更方法

  1. 「外観」→「カスタマイズ」をクリックする
  2. 「追加 CSS」をクリックする
  3. 「メイリオ」又は「游ゴシック」のCSSをコピーする
  4. 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

それでは1つ1つ見ていきましょう。

step
1
「外観」→「カスタマイズ」をクリックする

カスタマイズ

まずは、WordPressへとログインをして、左のメニューにあります、

  1. 「外観」をクリック
  2. 「カスタマイズ」をクリック

と、この手順でクリックを進めていきましょう。

step
2
「追加 CSS」をクリックする

追加CSS

「カスタマイズ」をクリックしたら、メニューの下の方にあります「追加 CSS」をクリックしましょう。

step
3
「メイリオ」又は「游ゴシック」のCSSをコピーする

「追加 CSS」をクリックしたら、次は下記にあります「メイリオ」又は「游ゴシック」のCSSコードをコピーしましょう。

【コピペOK】メイリオCSS

/*フォントの設定 */
body {
font-family: "メイリオ", Meiryo;
}

【コピペOK】游ゴシックCSS

/*フォントの設定 */
body {
font-family: "游ゴシック", "Yu Gothic", YuGothic;
}

step
4
「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

コピーしたCSSを「追加 CSS」へと貼り付けて、上にあります「公開」をクリックしたら完了となります。

上記画像はメイリオですが、游ゴシックも同じように貼り付けて公開をクリックするだけです。

メイリオ

游ゴシック

すると上記のように、貼り付けたフォントCSSが反映されるようになります。

ただし、お使いのWordPressテーマ(テンプレート)によって、対応していないフォントもありますので表示が変わらないこともあります。

フォントサイズとカラーを簡単に変更するプラグイン「Easy Google Fonts」の使い方!

Easy Google Fonts

ここでは、フォントのサイズやカラーを簡単に変更出来る、「Easy Google Fonts」の使い方を解説します。

サイズとカラー変更

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「Easy Google Fonts」を検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「外観」→「カスタマイズ」をクリックする
  5. 「Typography」をクリックする
  6. 「Default Typography」をクリックする
  7. 「Paragraphs」→「Appearance」をクリックする
  8. 「Font Color」をクリックして色を選択する
  9. 「Font Size」でフォントのサイズを変更して「公開」をクリックする

それでは1つ1つ見ていきましょう。

step
1
「プラグイン」→「新規追加」をクリックする

まずは、WordPressの左メニューにあります、

  1. 「プラグイン」をクリック
  2. 「新規追加」をクリック

と、この順番で進めていきましょう。

step
2
「Easy Google Fonts」を検索して「今すぐインストール」をクリックする

するとプラグイン追加の画面になりますので、

  1. 「Easy Google Fonts」を入力して検索
  2. 「今すぐインストール」をクリック

と、この手順で進めていきましょう。

step
3
プラグインの「有効化」をクリックする

インストールが完了になったら、プラグインのボタンが「有効化」に変わるので、この「有効化」をクリックしましょう。

step
4
「外観」→「カスタマイズ」をクリックする

カスタマイズ

次は、左メニューにあります、

  1. 「外観」をクリック
  2. 「カスタマイズ」をクリック

と、この手順でクリックを進めていきましょう。

step
5
「Typography」をクリックする

「カスタマイズ」をクリックしたら、次は「Typography」をクリックしましょう。

step
6
「Default Typography」をクリックする

そして、次は「Default Typography」をクリックしましょう。

step
7
「Paragraphs」→「Appearance」をクリックする

「Default Typography」をクリックしたら、下にあります、

  1. 「Paragraphs」をクリック
  2. 「Appearance」をクリック

と、この順番でクリックしましょう。

step
8
「Font Color」をクリックして色を選択する

「Appearance」をクリックすると、下に表示されます、「Font Color」をクリックして色を選択しましょう。

step
9
「Font Size」でフォントのサイズを変更して「公開」をクリックする

色を変更したら、少し下にスクロールすると出てきます「Font Size」のバーをスライドして、フォントサイズを変更しましょう。

フォントサイズを調整したら、上にあります「公開」をクリックしたら、フォントサイズとカラーの変更が完了となります。

ちなみにですが、もし間違えたとしても上に表示されています、「Reset」をクリックしたらデフォルトに戻りますので安心してください。

ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法のまとめ

まとめますと、

フォント変更方法

  1. 「外観」→「カスタマイズ」をクリックする
  2. 「追加 CSS」をクリックする
  3. 「メイリオ」又は「游ゴシック」のCSSをコピーする
  4. 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了

サイズとカラー変更方法

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「Easy Google Fonts」を検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「外観」→「カスタマイズ」をクリックする
  5. 「Typography」をクリックする
  6. 「Default Typography」をクリックする
  7. 「Paragraphs」→「Appearance」をクリックする
  8. 「Font Color」をクリックして色を選択する
  9. 「Font Size」でフォントのサイズを変更して「公開」をクリックする

以上が、ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法についてでした。

是非、意識してチャレンジしてみてください。

スポンサーリンク

-ブログ

Copyright© Affiliate Re:Life , 2024 All Rights Reserved.