Google Fonts

Cloudflare Fontsとは Cloudflare Fontsは、Google Fontsを使用するウェブサイト向けに設計された機能で、Google FontsをCloudflareから配信するように書き換えることで、ウェブサイトのパフォーマンスとユーザーのプライバシーを向上させる そのWebサイト自体のドメインからフォントを読み込むため、DNSルックアップとTLS接続オーバーヘッドの最小化が実現できる 詳しいことはこのあたりに 特定の条件下で仕様違反CSSを配信する ところがこのCloudflare Fonts、残念ながら特定の条件下で仕様違反CSSを配信してしまう ここで議論されているように、font-familyプロパティの値が引用符で囲まれていないために、フォントの名前によっては無効なCSSとなってしまう 実際にCloudflare Fontsから配信されるNoto Sans JPとM PLUS 1pのCSSの一部 CSS@font-face { font-family: Noto Sans JP; }@font-face { font-family: Noto Sans JP; } CSS@font-face { font-family: M PLUS 1p; }@font-face { font-family: M PLUS 1p; } 前者は仕様上、非推奨であるもの許容されるところが、後者は仕様上、許容されない 違いは、各単語の先頭に数字があるかないか font-familyプロパティの値としてフォントファミリの名前を指定する場合は、引用符なしの場合、&lt;string>ではなく&lt;custom-ident>となる しかしながら、&lt;custom-ident>は各単語の先頭に数字を持ってくることを許容しない そのため、M PLUS 1pのようなフォントではこの仕様に違反することになってしまう 結果的にフォントが読み込まれなくなってしまう いつ修正されるかも不明 先ほどのCloudflare Communityでも議論されていたが、Cloudflare Fontsは長期間メンテナンスされておらず、この問題がいつ修正されるかわからない状態 試みとしては素晴らしいと思うので、残念ではある

Cloudflare Fontsは仕様違反CSSを配信することがある