【簡単】wordpressで本文に日本語のgooglefontsを導入する方法2018/10/28SHAREツイートシェアはてブLINEPocketwordpressでサイトを制作してみたけど、フォントが崩れてて読みづらい・・・明朝体とか日本語のgoogleのフォントを入れたいけど、素人なのでどうやって導入したらいいかわからない・・・・wordpressでサイト制作を任されると、フォント修正で躓くことがありますよね。そこで今回は、プログラミングに関してあまり詳しくない人でも簡単にwordpressのフォントを変更する方法を紹介したいと思います。webフォントとは??まず、導入する前にwebフォントについて知る必要があります。webフォントはこちらの記事が詳しいので読んでみてください日本語Webフォントとは、何がすごいのか?メリットを徹底解説!要は、スマホ、パソコン、タブレットなどどんな端末でも同じフォントが適用されるのがwebフォントの最大の長所です。パソコンではきいていたフォントがスマホだと効かないなんてことはcssをいじっているとよくありますが、webフォントを設定しておけばそういうことは一切ありません。現在webフォントの代表格であるgooglefontsでは、以下の日本語フォントが登録されています。Japanese現在登録できる日本語のフォントは上の9種類です。英語ほど種類はありませんが、明朝体など基本的なフォントは揃っています。詳しくはこちらをご覧ください。グーグルフォント以下導入方法をまとめます。本当はグーグルフォント日本語早期アクセスのサイトを見るのですが、本家が少しわかりづらい上にコードがコピーできなかったりするので、こちらでまとめてみました。導入方法1のほうが簡単ですが、うまくいかなかったら導入方法2を試してみてください。導入方法~追加cssに以下のコードをそのまま添付まずは、ワードプレスの追加cssにコードをそのまま添付して導入する方法です。上のカスタマイズをクリックしてください。続いて、「追加css」をクリック以下のように、追加cssの一行目にコードを添付してください。ここで一行目に追加しないとwebフォントが機能しません。実際に添付するコード以下、フォントごとにどのコードを貼ればいいかまとめました。自分の使いたいフォントを追加cssの先頭に丸々コピペしてください。1c3はんなり明朝4NotoSansJapanese5こころ明朝6Nikukyu(にくきゅう)7NikoMoji(にこもじ)8さわらび明朝9さわらびゴシック何度も言いますがこれらのコードは全て追加cssの先頭に書き込まないと機能しません。機能しない場合は、コードが先頭に書かれているかどうか確認してください。運営者プロフィール落ちばんです。