Web Open Font Format (WOFF) — это формат файлов для веб-шрифтов, разработанный Mozilla. Файл WOFF может содержать сжатые файлы TTF и OTF, а также информацию о лицензировании и другие метаданные. Вот что вам нужно знать о WOFF.
Информация в этой статье относится к файлам WOFF и WOFF2.
Что такое файл WOFF?
Подобно файлам ZIP, файлы WOFF действуют как контейнеры для других файлов, в частности файлов TrueType Font (TTF) и OpenType Font (OTF). Эти типы файлов дают веб-дизайнерам возможность использовать шрифты, отличные от стандартных символов, имеющихся на большинстве компьютеров.
WOFF был заменен форматом WOFF2. WOFF2 предлагает даже лучшие алгоритмы сжатия, которые уменьшают исходный размер файла еще на 30 процентов. Следовательно, файлы WOFF2 занимают меньше полосы пропускания и загружаются еще быстрее. Файлы WOFF имеют расширение .woff, а файлы WOFF2 имеют расширение .woff2.
Как работают файлы WOFF?
Практически все веб-страницы используют каскадные таблицы стилей (CSS) для определения макета HTML и других элементов на экране. Например, разработчики могут использовать CCS для изменения веб-шрифтов, ссылаясь на шрифты, которые уже установлены на компьютере пользователя. Однако, если ваш компьютер или браузер не поддерживает шрифт, он будет отображаться как другой шрифт или вообще не загружаться, в зависимости от того, как настроен стек шрифтов страницы.
Чтобы избежать этой проблемы, пользовательские шрифты можно хранить в файле WOFF, который сохраняется на сервере вместе со всеми другими элементами веб-страницы. Затем дизайнер может использовать свойство CSS @ font-face для ссылки на файл WOFF и визуализации шрифта в браузере.
Google Chrome, Firefox, Microsoft Edge, Opera и Safari поддерживают формат WOFF, но вам может потребоваться обновить веб-браузер до последней версии.
Преимущества WOFF
Помимо расширения типов шрифтов, доступных веб-разработчикам, использование файлов WOFF имеет ряд преимуществ. Например:
- компрессия: Поскольку файлы WOFF сжимаются, они загружаются быстрее, чем файлы других типов.
- Поддержка HTML и CSS: В отличие от файлов изображений, файлы WOFF можно стилизовать с помощью HTML и CSS.
- SEO: Шрифты WOFF лучше для поисковой оптимизации (SEO), чем изображения текста.
- Оптимизированный рендерингФайлы: WOFF содержат типографскую информацию, включая контекстные формы и фигуры старого стиля, что позволяет оптимизировать рендеринг на всех устройствах.
- Доступность сайта: Файлы WOFF делают сайты более доступными, поскольку текст можно читать вслух, а изображения текста — нет.
- Встраивание: Шрифты WOFF помогают с интернационализацией, позволяя встраивать шрифты с символами из других языков.
Создайте свои собственные шрифты WOFF
Редакторы шрифтов, такие как FontForge, позволяют создавать собственные наборы шрифтов и экспортировать их в файлы WOFF. Вы также можете конвертировать WOFF в файлы TTF или OTF с помощью FontForge. Если у вас есть другой понравившийся вам редактор шрифтов, поддерживающий только TTF или OTF, вы можете использовать инструмент sfnt2woff для преобразования шрифтов в файлы WOFF.
Open Font Library и Font Squirrel содержат сотни шрифтов в формате WOFF, которые бесплатны для коммерческого и некоммерческого использования.