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

Question

[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?

Answer 1

[Алекс Глебов]

https://developers.google.com/web/fundamentals/per...

Answer 2

[Ivan Bogachev]

Достаточно ли этого для кроссбраузерности?

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

Определитесь с вашими критериями кроссбраузерности и сделайте вывод сами.

Answer 3

[dom1n1k]

На текущий момент в 99% случаев достаточно двух форматов - woff и woff2.
Хотя изредка можно увидеть даже otf живьем.