Хостинг Font Awesome Yourself: Нужны ли нам все форматы eot, svg, ttf, woff, woff2?

Question

Я упаковываю FA как часть моего виджета Angular 7 и веб-приложения, используя подход Hosting Font Awesome Yourself . Дело в том, что они объясняют, что нужно упаковать всю папку /webfonts/, которая содержит повторяющиеся шрифты в каждом формате.

Не лучше ли придерживаться одного формата, например svg, и не включать остальные?

Каковы минусы / плюсы, если таковые имеются, в использовании только одного конкретного формата?

Answer 1

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

• Подавать вариант WOFF большинству браузеров.
• Обслуживание варианта WOFF 2.0 для браузеров, которые его поддерживают.
• Обслуживание варианта TTF для старых браузеров Android (ниже 4.4).
• Обслуживание варианта EOT для старых браузеров IE (ниже IE9).

, если вы используете только форматы шрифтов SVG и оставляете остальные, то он будет поддерживать в Chrome (4.0+), Safari (3.2+) и Opera (9.0+). Вы можете проверить здесь поддержку браузером форматов шрифтов.

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