← Speed / speed / optimization / content

Cloudflare Fonts

Cloudflare Fonts je funkce určená pro weby, které používají Google Fonts ↗. Přepisuje Google Fonts tak, aby se doručovala z vlastního originu webu, čímž odpadá potřeba spoléhat na poskytovatele písem třetích stran. Cloudflare Fonts je navržená tak, aby zlepšila výkon webu a soukromí uživatelů, aniž by bylo nutné cokoli měnit v kódu nebo si písma hostovat sami.

Cloudflare Fonts funguje tak, že přepíše HTML kód vaší webové stránky. Odstraní odkazy na Google Fonts a nahradí je vloženým CSS. Toto CSS obsahuje odkazy na písma z vaší vlastní zóny Cloudflare, nikoli ze serverů Google. Díky tomu jsou soubory písem doručovány z vaší domény prostřednictvím infrastruktury Cloudflare, což zvyšuje výkon a chrání soukromí uživatelů.

Cloudflare Fonts je kompatibilní s prohlížeči, které podporují dělení písem podle Unicode rozsahů (subsetting) a formáty WOFF nebo WOFF2, včetně:

Chrome 36+
Edge 16+
Safari 10+
Firefox 44+
Opera 22+
IE 9+
Chrome for Android 115+
Safari on iOS 10+
Samsung Internet 5+

Pokud chcete zapnout Cloudflare Fonts pro celou doménu:

1. V dashboardu Cloudflare přejděte na Rychlost > Nastavení stránce.

   Přejděte na Nastavení ↗

2. Přejděte na Optimalizace obsahu.

3. Pro Cloudflare Fonts, přepněte přepínač na On.

Cloudflare Fonts sice nabízí výkonné možnosti optimalizace písem, je ale důležité znát i jejich omezení:

• Transformace písem: Cloudflare Fonts v současnosti podporuje výhradně transformaci Google Fonts.
• Kompatibilita s APO: Cloudflare Fonts nefunguje, pokud Automatic Platform Optimization (APO) je povoleno. Cloudflare APO obdobným způsobem automaticky optimalizuje Google Fonts.
• Import CSS: Cloudflare Fonts je kompatibilní pouze s <link> nastavení pro Google Fonts a nepodporuje CSS vlastnost @import metoda.
• Hlavičky CSP: Cloudflare Fonts neupravuje Content Security Policy (CSP) Určitá nastavení CSP mohou způsobit, že Cloudflare Fonts přestanou fungovat, například omezení vložených stylů prostřednictvím style-src ↗, nebo omezení písem pocházejících z vlastního originu webu prostřednictvím font-src ↗.
• Záložní mechanismus: Pokud Cloudflare Fonts danou stránku nepodporuje, plynule se přepne zpět na Google Fonts.