[CSS] Google Fontsをfunctions.phpで読み込む
やりたいこと
- 日本語Google Fontsにお世話になっています
- よくよくお世話になるので、WordPressで使うときにfunctions.phpでインクルードするのが毎回手間ということで、各フォントの読み込みコードをまとめました
- 誰得。いいえ、俺得
M+ 1p
functions.php
wp_enqueue_style( 'Mplus_1p', 'https://fonts.googleapis.com/earlyaccess/mplus1p.css' );
CSS
.mplus1p {
font-family: "Mplus 1p";
}
Rounded M+ 1c
functions.php
wp_enqueue_style( 'Rounded_Mplus_1c', 'https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css' );
CSS
.roundedmplus1c {
font-family: "Rounded Mplus 1c";
}
はんなり明朝
functions.php
wp_enqueue_style( 'Hannari', 'https://fonts.googleapis.com/earlyaccess/hannari.css' );
CSS
.hannari {
font-family: "Hannari";
}
こころ明朝
functions.php
wp_enqueue_style( 'Kokoro', 'https://fonts.googleapis.com/earlyaccess/kokoro.css' );
CSS
.kokoro {
font-family: "Kokoro";
}
さわらび明朝
functions.php
wp_enqueue_style( 'Sawarabi_Mincho', 'https://fonts.googleapis.com/earlyaccess/sawarabimincho.css' );
CSS
.sawarabimincho {
font-family: "Sawarabi Mincho";
}
さわらびゴシック
functions.php
wp_enqueue_style( 'Sawarabi_Gothic', 'https://fonts.googleapis.com/earlyaccess/sawarabigothic.css' );
CSS
.sawarabigothic {
font-family: "Sawarabi Gothic";
}
ニクキュウ
functions.php
wp_enqueue_style( 'Nikukyu', 'https://fonts.googleapis.com/earlyaccess/nikukyu.css' );
CSS
.nikukyu {
font-family: "Nikukyu";
}
ニコモジ
functions.php
wp_enqueue_style( 'Nico_Moji', 'https://fonts.googleapis.com/earlyaccess/nicomoji.css' );
CSS
.nicomoji {
font-family: "Nico Moji";
}
Noto Sans Japanese
functions.php
wp_enqueue_style( 'Noto_Sans_Japanese', 'https://fonts.googleapis.com/earlyaccess/notosansjapanese.css' );
CSS
.notosansjapanese {
font-family: "Noto Sans Japanese";
}
ご質問など受け付けています
記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。
ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。