← Speed / speed / optimization / content

Cloudflare Fonts

Cloudflare Fonts представляет собой функцию для веб-сайтов, использующих Google Fonts ↗. Функция изменяет доставку Google Fonts так, чтобы шрифты предоставлялись с собственного источника сайта, что устраняет необходимость полагаться на сторонних поставщиков шрифтов. Cloudflare Fonts предназначена для повышения производительности сайта и защиты конфиденциальности пользователей без изменения кода и самостоятельного размещения шрифтов.

Cloudflare Fonts работает за счёт переписывания HTML страницы. Функция удаляет ссылки на Google Fonts и заменяет их встроенным CSS. Этот CSS содержит ссылки на шрифты из вашей собственной зоны Cloudflare, а не с серверов Google. Благодаря этому файлы шрифтов доставляются с вашего домена через инфраструктуру Cloudflare, что повышает производительность и уровень конфиденциальности пользователей.

Cloudflare Fonts совместима с браузерами, которые поддерживают Unicode-range subsetting и форматы WOFF или WOFF2, включая:

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

Чтобы включить Cloudflare Fonts для всего домена:

1. На панели управления Cloudflare перейдите к разделу Speed > Настройки страницу.

   Перейдите в Настройки ↗

2. Перейдите в Оптимизация контента.

3. Для Cloudflare Fonts, переключите тумблер в положение Включено.

Cloudflare Fonts даёт мощные возможности оптимизации шрифтов, но важно учитывать её ограничения:

• Преобразование шрифтов: в настоящее время Cloudflare Fonts поддерживает преобразование только для Google Fonts.
• Совместимость с APO: Cloudflare Fonts не работает, если Automatic Platform Optimization (APO) включена. Cloudflare APO аналогичным образом автоматически оптимизирует Google Fonts.
• Импорт CSS: Cloudflare Fonts совместим только с <link> настройку для Google Fonts и не поддерживает CSS @import метод.
• Заголовки CSP: Cloudflare Fonts не изменяет Content Security Policy (CSP) заголовки. Некоторые конфигурации CSP могут привести к тому, что Cloudflare Fonts перестанет работать, например ограничения на встроенные стили через style-src ↗, либо ограничение шрифтов, которые загружаются с собственного источника сайта через font-src ↗.
• Резервный механизм: если Cloudflare Fonts не поддерживает конкретную страницу, происходит плавный переход на использование Google Fonts.