Задать вопрос
@VazgXa
HTML верстальщик / Frontend разработчик

Почему не подключать только две форматы шрифтов на странице?

Смотрю в Can I Use и все норм если я подключу только woff и svg.
Зачем подключать еще другие форматы?
  • Вопрос задан
  • 344 просмотра
Подписаться 1 Простой 14 комментариев
Решения вопроса 2
@WhiteBearDev
Бэтмэн
Форматы необходимы для поддержки старых браузеров:

eot - для IE ниже 8;
ttf - для старых браузеров, что важно, старых мобильных браузеров в том числе;
svg - аналогично с ttf;

Для современных браузеров достаточно woff или woff2, как более продвинутую версию
Ответ написан
SmthTo
@SmthTo Куратор тега HTML
Все перепёлки мира будут оплакивать мою смерть.
Для браузеров от IE9 и выше вам (включая все современные) нужно только два типа: WOFF и WOFF2.

Про ETF
Опционально можете ETF добавить, но не обязательно (это для нивелирования бага в IE10/11, когда WOFF-файл не грузился).

Это полноценный файл со всей информацией по шрифту. Обычно в этом формате (или OTF) шрифты используются в ОС. Много весит.

Про SVG
SVG-шрифты вообще не нужны никому и никогда. Это устаревшая технология (как OTF и ETF для веба).

Их поддержку выпилили из Chrome уже несколько лет как. А поддержка в одном-единственном Safari держится по инерции.

Почему от SVG-шрифтов все отказались? Да очень просто: они не поддерживают лигатуры и кёрнинг. Они много весят и нагружают рендеринг, хоть и имеют более стандартизированный внешний вид на разных ОС и в разных браузерах.

Про WOFF
Первый нормальный формат шрифтов именно для web: весит сильно меньше ETF и т. п. + поддерживает все нужные технологии. Поддержка данного формата — широчайшая в браузерах, включая старые (IE9+). Обязателен к применению.

Про WOFF2
Развитие идей WOFF, при этом весит меньше него: там меньше ненужной информации + он изначально в сжатом виде. Это самый современный формат. Поддержка очень хорошая, но хуже, чем у WOFF, поэтому эти два формата нужно использовать вместе.

О кол-ве путей до файлов шрифтов в @font-face
Браузер, сколько бы вы файлов не указали для начертания, грузит только один файл шрифта для каждого начертания. Так что вы можете хоть все форматы указать, всё равно будет только один грузить, который поддерживается браузером. Просто никому не нужно держать на сервере кучи ненужных файлов шрифтов.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы