しらべものドット宇宙HTMLコーダーが必死こいて〇〇〇を目指すブログ

Google FontsのWebフォントをWordPressに読み込ませる

Google Fonts から発行されたURL

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

Google Fonts を使うスタイル

font-family: 'Cabin', sans-serif;
font-family: 'Noto Sans JP', sans-serif;

いくつかの疑問

rel=”preconnect” をどうやって設定すればいいんだろう?

crossorigin をどうやって設定すればいいんだろう?