Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

初心者のための

ワードプレスのフォントを追加CSSで変更

2018/12/08
 

 

 

 

 

記事を書いていて、フォントの種類があまりないというか、知っているフォントがないというかそう思っていたんです。

 

フォントって他に選べないのかなって思って調べてみました。

 

フォントの変更

 

ワードプレスのテーマって海外で開発されたものだと、日本語向けに作られていないものがほとんどなんだとか。

海外で開発されたものだとそうなりますね。

 

私の使っているgiraffは開発者は日本人!

でもメイリオとかないんだ・・・

 

フォントを変更する方法は4種類あるようです。

  1. 追加CSSにコードを書く
  2. スタイルシートのフォント部分を書き換える
  3. プラグインをインストール
  4. フォントのファイルをダウンロードしてサーバーにアップする

 

1と2は少しやり方は違うけど似た感じです。

 

ただ、スタイルシートを書き換えるのは、テーマの更新があった時に書き換わってしまうので、2の方法はあんまりお勧めできないかなぁ。

 

ですので、実質3種類の方法ですね。

 

なんだか4の方法が一番大変そうだなって思っているのですが、3種類試してどの方法にしようか考えてみようかなって思っています。

 

今回は、1の方法をご紹介しますね。

 

追加CSSにコードを追加

 

フォントはやっぱりメイリオかなぁ。

 

追加CSSにコードを追加しちゃいましょう。

 

作業する前にバックアップはとっておいてくださいね。

 

関連記事

 

 

 

 

「外観」から「CSS編集」を選択します。

 

 

 

 

 

 

「追加CSS」をクリックします。

 

 

下記のコードを入力して、「公開」をクリックしたら、設定終了です。

 

変更前

 

変更後

 

 

フォントが変更されました。

 

この方法が一番簡単な気がします。ただ、フォントの種類がメイリオと游ゴシックぐらいしか見つけられなかったです。

 

游ゴシックに変更

やっぱりメイリオかな。

 

だけど、3種類の実験するので追加したCSSは削除しておきます。

 

まとめ

 

フォントを変えると印象が変わりますね。

ブログのテーマにあったフォントってやっぱりあるかなぁって思います。

 

ではまた!まみでした。

 

 

 

 

 

Comment

  1. […] ワードプレスのフォントを追加CSSで変更 → うちと同じWordPressテーマ「Giraffe」を使われていたのでとても参考になりました。 […]

  2. アヤ より:

    はじめまして!

    こちらの記事を参考にさせて頂きまして、
    リンクを貼らせていただきました。

    リンクNGでしたらお知らせくださいませ。

- Comments -

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

Copyright© ワードプレスお困りごと講座 , 2018 All Rights Reserved.