devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

.woff2 MIME-тип: font/woff2

Файлы с расширением .woff2 (Web font (WOFF2)) используют MIME-тип font/woff2.

Обновлено

font/woff2
MIME-тип для .woff2
Шрифты
Категория
Нет
Сжатие gzip/Brotli

Какой MIME-тип у файлов .woff2?

MIME-тип (media type) для файлов Web font (WOFF2) с расширением .woff2 — font/woff2. Это предпочтительный формат веб-шрифтов: внутри он уже сжат Brotli, поэтому повторно сжимать его не нужно. Шрифты, которые загружаются с другого источника, требуют заголовков CORS (Access-Control-Allow-Origin).

Заголовок Content-Type

Content-Type: font/woff2

Настройка сервера

СерверКонфигурация
Nginx (mime.types или types {})font/woff2 woff2;
Apache (.htaccess)AddType font/woff2 .woff2
IIS (web.config)<mimeMap fileExtension=".woff2" mimeType="font/woff2" />
Node.js / Expressres.type('woff2') или res.setHeader('Content-Type', 'font/woff2')
Amazon S3Задайте Content-Type: font/woff2 для объекта (метаданные) или передайте --content-type font/woff2 в aws s3 cp

Нужно ли сжимать файлы .woff2?

Нет. Файлы Web font (WOFF2) уже сжаты внутри, поэтому gzip или Brotli только потратят ресурсы CPU и почти не уменьшат размер, а иногда даже увеличат его. Не добавляйте font/woff2 в конфигурацию сжатия.

Почему важен MIME-тип

Браузер решает, что делать с ответом (отобразить, выполнить, воспроизвести или скачать), по заголовку Content-Type, а не по расширению файла. При X-Content-Type-Options: nosniff неверный тип приводит к тому, что таблицы стилей и скрипты полностью блокируются. Для загрузок никогда не доверяйте типу, который отправил клиент; проверяйте содержимое файла (его магические байты) на сервере.

Часто задаваемые вопросы

Какой MIME-тип у .woff2?
font/woff2.
Как задать Content-Type для .woff2 в Nginx?
Убедитесь, что строка font/woff2 woff2; есть в блоке types (обычно в /etc/nginx/mime.types), и перезагрузите Nginx.
Нужно ли сжимать файлы .woff2 через gzip?
Нет: формат уже сжат, поэтому HTTP-сжатие не даст пользы.