WEBフォント導入方法

1、functions.phpに下記を記載


function kinsta_add_google_fonts() {
wp_register_style( 'googleFonts', 'https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap" ');
wp_enqueue_style( 'googleFonts');
}
add_action( 'wp_enqueue_scripts', 'kinsta_add_google_fonts' );

2、CSSに下記を記載


.class名{
 font-family: 'Mochiy Pop P One', sans-serif;
}

複数のフォントを導入する場合、


function kinsta_add_google_fonts() {
wp_register_style( 'googleFonts', 'https://fonts.googleapis.com/css2?family=Russo+One&display=swap| Mochiy+Pop+P+One&display=swap" ');
wp_enqueue_style( 'googleFonts');
}
add_action( 'wp_enqueue_scripts', 'kinsta_add_google_fonts' );