DrunkMaster
@DrunkMaster

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

Подключаю шрифты так:
@font-face {
  font-family: 'heliosthin';
  src: url('../fonts/heliosthin.eot');
  src: url('../fonts/heliosthin.eot') format('embedded-opentype'), 
  url('../fonts/heliosthin.woff') format('woff'), 
  url('../../fonts/heliosthin.ttf') format('truetype'), 
  url('../../fonts/heliosthin.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

Т.е. есть 4 формата: eot, woff, ttf, svg
Достаточно ли этого для кроссбраузерности ведь есть ещё около 15 других форматов шрифтов. Надо ли там например woff2?
  • Вопрос задан
  • 296 просмотров
Решения вопроса 3
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
Достаточно ли этого для кроссбраузерности?

Ну так можно посмотреть:
caniuse.com/#search=woff (спойлер: IE9+ и все нормальные браузеры)
caniuse.com/#search=eot (спойлер: решение для IE6-9)

Определитесь с вашими критериями кроссбраузерности и сделайте вывод сами.
Ответ написан
dom1n1k
@dom1n1k
На текущий момент в 99% случаев достаточно двух форматов - woff и woff2.
Хотя изредка можно увидеть даже otf живьем.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы