ミギムキ

[CSS] Google Fontsを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"; }