Форматы шрифтов для старых браузеров и устаревших систем

Для старых браузеров основным запасным форматом обычно служит WOFF, а для устаревших версий Internet Explorer — EOT. TTF и OTF могут использоваться как дополнительные варианты, но их поддержка зависит от браузера и операционной системы. Ниже разберём совместимость, порядок подключения и практические сценарии для кириллических веб-шрифтов.

Формат шрифта определяет, сможет ли браузер загрузить файл, распознать его структуру и корректно отобразить текст. Один и тот же шрифтовой дизайн может существовать в нескольких контейнерах: например, исходный шрифт хранится в TTF или OTF, а для сайта преобразуется в WOFF и WOFF2. Это не разные начертания, а разные способы доставки и обработки шрифтовых данных.

Проблема совместимости возникает не только из-за возраста браузера. На результат влияют операционная система, версия браузерного движка, политика безопасности, поддержка Unicode, наличие нужных символов и способ подключения через CSS. Поэтому проверять нужно не название файла, а всю цепочку: файл, объявление @font-face, порядок источников, резервный шрифт и реальное отображение кириллицы.

У каждого формата есть своя роль. WOFF и WOFF2 созданы прежде всего для веба, TTF и OTF чаще выступают как исходные или системные шрифты, EOT разрабатывался для совместимости со старыми версиями Internet Explorer, а SVG-шрифты встречаются в старых веб-проектах и отдельных исторических сценариях. Универсального файла, одинаково удобного для всех поколений платформ, не существует.

WOFF2 обычно выбирают первым, потому что он предназначен для эффективной передачи шрифтов по сети и поддерживается современными браузерами. WOFF сохраняют вторым источником для более старых браузеров, которые понимают веб-шрифты, но не умеют работать с WOFF2. Такая пара закрывает большую часть реальных веб-сценариев без подключения тяжёлых исходных файлов напрямую.

Если проект рассчитан на старые браузеры, не стоит удалять WOFF только потому, что WOFF2 уже работает на компьютере разработчика. Пользователь может открывать сайт из корпоративной сети, на старом ноутбуке или в браузере с ограниченным обновлением. В этом случае WOFF становится практичным компромиссом между совместимостью, размером файла и качеством отображения текста.

TTF широко поддерживается операционными системами и десктопными приложениями, поэтому часто используется как исходный файл шрифта. Однако прямое подключение TTF на сайт не всегда является лучшим решением: файл может быть больше веб-форматов, а старый браузер может предъявлять собственные требования к веб-шрифту. TTF разумно держать как резерв или использовать для локальной установки.

OTF не является гарантированно более качественным или более совместимым форматом. OpenType может использовать разные типы контуров, а старые браузеры и системы обрабатывают их неодинаково. Если OTF выбран для сайта, его необходимо проверить на целевых платформах, особенно при использовании кириллицы, альтернативных символов, лигатур и расширенных OpenType-функций.

EOT, или Embedded OpenType, создавался для веб-шрифтов в экосистеме старых версий Internet Explorer. Если сайт обязан работать в устаревшем корпоративном браузере, EOT может быть необходимым отдельным источником. Для обычного современного проекта он не нужен: добавление EOT увеличивает число файлов и усложняет поддержку без заметной пользы для актуальных клиентов.

Подключать EOT следует не вместо WOFF2 и WOFF, а как легаси-резерв. В логике источников современные форматы размещают впереди, затем добавляют WOFF, а EOT оставляют для старого сценария. Если браузер не понимает следующий формат, он должен перейти к другому источнику или использовать системный шрифт. Поэтому порядок файлов и корректное объявление формата имеют практическое значение.

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

Для установки шрифта в старой операционной системе чаще всего рассматривают TTF, поскольку этот формат давно используется настольными приложениями. OTF тоже может работать, но совместимость зависит от версии системы, типа контуров и программы, в которой открывается документ. WOFF, WOFF2 и EOT обычно предназначены для браузера, а не для установки в систему как обычный пользовательский шрифт.

Даже при корректной установке файла устаревшая система может не поддерживать современные функции шрифта. Ограничения касаются расширенных таблиц, вариативных осей, сложного позиционирования и некоторых возможностей OpenType. Для старого рабочего места безопаснее использовать статическое начертание с понятным набором символов, а не рассчитывать на функции, которые появились в более новых программных средах.

Цепочка fallback должна начинаться с наиболее подходящего формата и заканчиваться системным шрифтом. На практике сначала указывают WOFF2, затем WOFF, после него при необходимости TTF или EOT. В CSS можно дополнительно объявить локальное имя через local(), чтобы браузер использовал уже установленный шрифт, если это допустимо политикой проекта. Завершает стек обычный резервный шрифт подходящего класса.

Например, для кириллического интерфейса можно подготовить отдельные файлы Regular и Bold, подключить их через два объявления @font-face и задать одинаковое семейство с разными значениями font-weight. Современный браузер возьмёт WOFF2, более старый — WOFF или EOT, а при сбое загрузки текст останется читаемым за счёт системного sans-serif. Пользователь не должен видеть пустые места вместо букв.

Представим сайт внутреннего документооборота, который открывают в современных браузерах и на старых рабочих станциях. Для него можно подготовить статические начертания Regular и Bold в WOFF2 и WOFF, а EOT добавить только при подтверждённой необходимости. В тестовый набор нужно включить русские буквы, Ё, кавычки, тире, знак номера, валютные символы и цифры, потому что отсутствие редких знаков часто обнаруживается уже в рабочих документах.

Если портал официально поддерживает старую версию Internet Explorer, одной пары WOFF2 и WOFF может быть недостаточно. В таком случае проверяют EOT и отдельно тестируют загрузку шрифта, отображение кириллицы, жирное начертание и переносы строк. Если старый браузер не загружает файл, корректный fallback должен сохранить структуру страницы и читаемость текста, даже если визуальный стиль изменится.

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

Большинство проблем создают не сами форматы, а неверная стратегия их применения. Разработчик может добавить все возможные файлы без проверки, подключить OTF как универсальное решение или забыть, что в шрифте отсутствуют нужные символы. Избыточная совместимость тоже вредна: она увеличивает размер проекта и усложняет диагностику без пользы для реальной аудитории.

Для нового публичного сайта обычно достаточно WOFF2 и WOFF, а TTF или OTF остаются исходными файлами для подготовки веб-версий. Для сайта с обязательной поддержкой старого Internet Explorer добавляют EOT и проводят отдельную проверку. Для локальной установки на старом компьютере в первую очередь рассматривают TTF, после чего проверяют OTF и конкретные приложения.

Если требования неизвестны, сначала соберите данные об аудитории и окружении: какие браузеры разрешены, обновляются ли рабочие станции, используется ли удалённый доступ, нужны ли документы с локальными шрифтами. Не следует поддерживать устаревшие форматы «на всякий случай». Лучше зафиксировать список совместимости, подготовить минимальный набор файлов и оставить понятный резервный шрифт.

В большинстве случаев WOFF подходит лучше, чем прямое подключение TTF или OTF, потому что он предназначен для веб-использования и поддерживается более широким кругом старых браузеров. Для устаревших версий Internet Explorer может потребоваться EOT. Точный набор зависит от минимальной версии браузера и результатов тестирования.

Нет, если сайт рассчитан только на актуальные браузеры. EOT имеет смысл сохранять для легаси-проектов, где официально поддерживаются старые версии Internet Explorer или аналогичная устаревшая среда. Без такого требования файл только увеличивает количество ресурсов и усложняет сопровождение.

Технически TTF может использоваться как веб-источник в некоторых браузерах, но это не универсальная замена WOFF. TTF часто больше по размеру и имеет неодинаковую поддержку в старых браузерных движках. Для сайта рациональнее подготовить WOFF2 и WOFF, а TTF оставить для локальной установки или резервного сценария.

Обычно начинают с TTF, поскольку он давно используется настольными операционными системами и приложениями. OTF тоже может подойти, но его следует проверить в конкретной версии системы и нужных программах. WOFF и WOFF2 предназначены главным образом для веб-страниц и не являются стандартным выбором для системной установки.

Чаще всего в файле отсутствует кириллический набор или нужные дополнительные символы. Проблема также может быть связана с неправильным объявлением семейства, повреждённым файлом, ошибкой загрузки или ограничениями старого движка. Проверяйте не только буквы от А до Я, но и Ё, кавычки, тире, номера, проценты и валютные знаки.

Только если конкретный старый мобильный браузер включён в требования проекта и проверка подтверждает необходимость SVG. Для большинства сайтов этот формат уже не нужен: его заменяют WOFF2, WOFF и системный fallback. Поддержка исторической платформы должна быть обоснована реальными пользователями, а не общим желанием добавить все возможные расширения.

Для современной веб-разработки базовой связкой остаются WOFF2 и WOFF. EOT нужен для отдельных старых версий Internet Explorer, TTF и OTF — прежде всего для исходных файлов и локальной установки, а SVG сохраняется только в редких исторических сценариях. Надёжная совместимость начинается с требований проекта, полного набора символов и обязательного системного fallback.

Создайте собственный шрифт на fontgenerator.ru, подготовьте нужные начертания и заранее выберите форматы под браузеры и системы вашей аудитории.