【 Noto Sans JPのフォントが反映されない 】Noto Sans JPのフォントpreloadでfont-weight:900; が反映されない
解決したいこと
WordPressでサイトを構築しています。
https://mogumogu-design.com/googlefont-yomikomi/
↑こちらの記事の「2019.10.09追記 preloadを使う」を参考にNoto Sans JPのフォントを読み込んでいるのですが、「font-weight:900;」のみ反映されず、解決方法がわからない状態です。
発生している問題・エラー
エラーは発生しておりません。
該当するソースコード
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
〜〜〜
<!-- フォント -->
<link rel="preload" as="font"
href="<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-regular.woff2" crossorigin>
<link rel="preload" as="font"
href="<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-500.woff2" crossorigin>
<link rel="preload" as="font"
href="<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-700.woff2" crossorigin>
<link rel="preload" as="font"
href="<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-900.woff2" crossorigin>
<style>
/* noto-sans-jp-regular - latin */
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-regular.woff2') format('woff2');
}
/* noto-sans-jp-500 - latin */
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-500.woff2') format('woff2');
}
/* noto-sans-jp-700 - latin */
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-700.woff2') format('woff2');
}
/* noto-sans-jp-900 - latin */
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('<?php echo get_template_directory_uri(); ?>/assets/fonts/noto-sans-jp-v42-latin-900.woff2') format('woff2');
}
</style>
〜〜〜
<?php wp_head(); ?>
</head>
自分で試したこと
font-weight:900;以外はうまく反映されているため、原因がわかりません。
ご教授いただけますと幸いです。
0
