![WEBフォント導入方法](https://robo-kock.work/wp-content/uploads/2022/01/laptop-gdaeaa9a22_1280-1024x682.jpg)
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' );