Google Fontsが表示されない！

10月の終わりがだんだん近づいてきてますね。

1年の終わりがあっという間に迫ってきましたね！

気温もだんだん下がってきてますが、体調の管理にも気を付けてください。

そろそろ4回目のワクチン接種が始まっていますね。

でも、世界の情勢からみるとほとんどマスクなしの生活が増えてますが、日本ではまだまだマスク生活のままですね。

いつになったらCOVID-19の終息はいつくるの？

マスク生活がホンマにしんどい！

そろそろ、マスク生活から抜け出したい気持ちが強いこのころです…

海外規制も緩和されつつ、感染者を増えないことを…

さてと本題に入りましょう。

最近、Webフォントを使ったWebページが普及していますね。

Google Fontsを表示したいのにGoogle Fontsが表示されなかった原因を調べたら、こっちのミスでした。

今までは、

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

これだけ表示してましたが、Google Fontsのサイトでもう一度見直したら、

2つのリンクが必要となってきてます！

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

事前連絡もなしで！（笑）

これでやっと無事にGoogle Fontsが表示されました！

Google Fontsが表示されなかったときはもう正直焦りました！

ではまた！

Leonard-Blog