この記事では、ブログのフォントをおすすめの「メイリオ」や「游ゴシック」へ変更する方法について解説していきます。
あなたは、ブログを作成するときに、
と、考えたことはありませんか?
ブログのフォントの中でも、見やすく読み込みが早くておすすめなので、変更方法が気になるところですよね。
これ結論からお伝えしますと、
- ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法はコチラです。
フォント変更方法
- 「外観」→「カスタマイズ」をクリックする
- 「追加 CSS」をクリックする
- 「メイリオ」又は「游ゴシック」のCSSをコピーする
- 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了
それでは詳しく見ていきましょう。
目次
サブスク自動集客ツール
「売り上げが伸びない…。」など、集客ができずに悩んでいませんか?
ツールをポチッとするだけでほったらかしで集客できてしまうツール。
月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。
ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法
ブログのフォントでおすすめな、「メイリオ」「游ゴシック」へと変更する方法はコチラでしたね。
フォント変更方法
- 「外観」→「カスタマイズ」をクリックする
- 「追加 CSS」をクリックする
- 「メイリオ」又は「游ゴシック」のCSSをコピーする
- 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了
それでは1つ1つ見ていきましょう。
step
1「外観」→「カスタマイズ」をクリックする
まずは、WordPressへとログインをして、左のメニューにあります、
- 「外観」をクリック
- 「カスタマイズ」をクリック
と、この手順でクリックを進めていきましょう。
step
2「追加 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」を検索して「今すぐインストール」をクリックする
- プラグインの「有効化」をクリックする
- 「外観」→「カスタマイズ」をクリックする
- 「Typography」をクリックする
- 「Default Typography」をクリックする
- 「Paragraphs」→「Appearance」をクリックする
- 「Font Color」をクリックして色を選択する
- 「Font Size」でフォントのサイズを変更して「公開」をクリックする
それでは1つ1つ見ていきましょう。
step
1「プラグイン」→「新規追加」をクリックする
まずは、WordPressの左メニューにあります、
- 「プラグイン」をクリック
- 「新規追加」をクリック
と、この順番で進めていきましょう。
step
2「Easy Google Fonts」を検索して「今すぐインストール」をクリックする
するとプラグイン追加の画面になりますので、
- 「Easy Google Fonts」を入力して検索
- 「今すぐインストール」をクリック
と、この手順で進めていきましょう。
step
3プラグインの「有効化」をクリックする
インストールが完了になったら、プラグインのボタンが「有効化」に変わるので、この「有効化」をクリックしましょう。
step
4「外観」→「カスタマイズ」をクリックする
次は、左メニューにあります、
- 「外観」をクリック
- 「カスタマイズ」をクリック
と、この手順でクリックを進めていきましょう。
step
5「Typography」をクリックする
「カスタマイズ」をクリックしたら、次は「Typography」をクリックしましょう。
step
6「Default Typography」をクリックする
そして、次は「Default Typography」をクリックしましょう。
step
7「Paragraphs」→「Appearance」をクリックする
「Default Typography」をクリックしたら、下にあります、
- 「Paragraphs」をクリック
- 「Appearance」をクリック
と、この順番でクリックしましょう。
step
8「Font Color」をクリックして色を選択する
「Appearance」をクリックすると、下に表示されます、「Font Color」をクリックして色を選択しましょう。
step
9「Font Size」でフォントのサイズを変更して「公開」をクリックする
色を変更したら、少し下にスクロールすると出てきます「Font Size」のバーをスライドして、フォントサイズを変更しましょう。
フォントサイズを調整したら、上にあります「公開」をクリックしたら、フォントサイズとカラーの変更が完了となります。
ちなみにですが、もし間違えたとしても上に表示されています、「Reset」をクリックしたらデフォルトに戻りますので安心してください。
ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法のまとめ
まとめますと、
フォント変更方法
- 「外観」→「カスタマイズ」をクリックする
- 「追加 CSS」をクリックする
- 「メイリオ」又は「游ゴシック」のCSSをコピーする
- 「追加 CSS」にCSSを貼り付けて「公開」をクリックしたら完了
サイズとカラー変更方法
- 「プラグイン」→「新規追加」をクリックする
- 「Easy Google Fonts」を検索して「今すぐインストール」をクリックする
- プラグインの「有効化」をクリックする
- 「外観」→「カスタマイズ」をクリックする
- 「Typography」をクリックする
- 「Default Typography」をクリックする
- 「Paragraphs」→「Appearance」をクリックする
- 「Font Color」をクリックして色を選択する
- 「Font Size」でフォントのサイズを変更して「公開」をクリックする
以上が、ブログのフォントを「メイリオ」「游ゴシック」へ変更する方法についてでした。
是非、意識してチャレンジしてみてください。