До сих пор я использовал Paul Irish-х bulletproof font-face syntaxЕсть ли eot, ttf и svg, необходимые в объявлении шрифта?
Но я просто смотрел на поддержку .woff и .woff2 файлов caniuse и говорит Уофф поддерживается в IE9 +. Большинство статей на эту тему относятся к 2009 году, которые на момент написания этой статьи были полными 7 лет назад. Нужно ли нам постоянно декларировать ttf, otf, eot и svg, когда woff теперь пользуется такой широкой поддержкой?
Короткий ответ: нет.
СРВ имеет значение только для IE8 и ниже (хотя, как мелочи:. Весь путь вниз к IE4 IE на самом деле пионерами WebFonts) и SVG шрифты как технология (не следует путать с OpenType шрифтов с SVG очерчивает) were abandoned потому что ограничения были безумными, как только настоящие веб-сайты начали становиться доступными. По состоянию на 2016 год you just need WOFF. И WOFF2, если вы хотите воспользоваться более новой версией WOFF, only just стал рекомендацией w3 (на момент ответа).
Чтобы упростить задачу, as of January 12th 2016, Microsoft ceased support for IE8 and below, с ограниченной поддержкой IE9: теперь они будут поддерживать только последний доступный браузер для каждой поддерживаемой ОС, что означает, что IE9 больше не поддерживается для Windows XP, поскольку сам XP больше не поддерживается , но технически поддерживается до тех пор, пока Vista SP2 и Server 2008 R2 не достигнут конца расширенной поддержки в 2017 и 2020 годах соответственно. Конечно, для поддержки Windows Server 2008 поддержка веб-сайтов не имеет значения, и большинство компаний, которые все еще используют старую версию Windows, пропустили Vista, будучи либо в Windows XP (на свой страх и риск), либо в Windows 7 (которую мы можем в значительной степени ожидать, чтобы все стали Windows 10 в июле 2016 года, 29 из которых - the last date человек могут обновить с 7/8.1, но не с 8 до 10 бесплатно).
(апрель 2017 редактирования: Windows Vista SP2 вышел поддержки в этом месяце, и как таковой IE9 теперь официально больше не поддерживается)
Что касается TTF/OTF, вы не хотите использовать эти онлайн больше чем вы хотели бы использовать изображения TIFF, а не JPG или PNG: даже несмотря на то, что WOFF является «просто» тонкой оберткой вокруг данных TTF/OTF, WOFF/WOFF2 позволяют сжимать данные, тогда как простой OpenType этого не делает.
Кроме того, TTF/OTF являются несжатыми универсальными (для систем, поддерживающих OpenType) шрифты, и поэтому тщательно проверяются браузерами на предмет правильности, особенно по версиям IE. Использование Уофф, который, как Filetype делает его явным это W ЕВ (O ручка) F ОНТ (F Ormat), менее строгая форма контроля означает, что некоторые шрифты, которые не в состоянии системного OpenType проверочный прогон может по-прежнему работать просто как webfonts (из-за того, что не все обязательные для универсальности данные OpenType необходимы для того, чтобы шрифт работал только в веб-контексте).
Наконец, вы получаете выбор в форматах WOFF: формат 1, только что названный WOFF, является более старым форматом и использует сжатие на основе deflate, похожее на сжатие PNG. Формат 2, называемый WOFF2, представляет собой более новый формат с сжатием на основе алгоритма brotli, а также позволяет «вырезать» шрифт в отдельные файлы для оптимизации доставки при работе с юникодными шрифтами, поддерживающими несколько языков: вам не нужно все файлы в одно и то же время, поэтому доставляйте только те файлы, которые охватывают диапазоны юникода, необходимые для конкретной страницы, и вы уменьшаете размер страницы и время загрузки меньше.
Включение: ура для марша прогресса, просто используйте WOFF (или WOFF2).
Я думаю, что использование ttf достаточно для всех современных браузеров и устройств ... Я сам проверил, например, firefox, chrome, opera, android mobile (kitkat, mashmallow) и iPhone (от 6 до 7 Plus). Кажется, TTF поддерживается всеми вышеупомянутыми устройствами.
Вы действительно прочитали ответ, который был дан в прошлом году? –
Действительно приятно описание. WOFF FTW! – Vucko
Да, я запомню это понятие. Единственное реальное исключение, о котором я могу думать, - это если у вас есть закрытая вещь типа киоска со старыми встроенными системами/браузерами, которые не поддерживают WOFF, не могут быть обновлены, а представление с использованием пользовательских шрифтов имеет решающее значение. Но тогда у вас есть две проблемы (по крайней мере) :-) – djangodude
Отличный ответ, и действительно хорошая история лакомых кусочков там, спасибо, спасибо! – paulcpederson