Нужно подключать только woff шрифт?

Question

[QWERTY01]

Здравствуйте.
Есть два вопроса по шрифтам.
1) Почему на скриншоте ниже под синей чертой мы не указываем 'format', а в остальных контейнерах указываем?
2) В этом ролике Вадим Макеев говорит, что контейнеры типа eot,ttf,svg,eot не нужны, сейчас нужны только лишь woff и woff2.
Отсюда вопрос, во-перых что вы думаете насчет данного высказывания, во-вторых, если нет контейнера woff2, можно ли обойтись одним только woff?

Таймкод 1:27
https://youtu.be/MTQ9FpT3ayc

Comments

[Сергей delphinpro]

Почему на скриншоте ниже под синей чертой мы не указываем 'format', а в остальных контейнерах указываем?

А факт наличия двух свойств src вас не смущает? =))

Это обычное дело в css — сначала указывается устаревшее свойство, или свойство для устаревшего браузера, а после него современное. Браузер, если не понимает современное, возьмет предыдущее, а браузер который понимает всё, возьмет последнее объявление.

[QWERTY01]

А факт наличия двух свойств src вас не смущает? =))

Кстати да))
Почему первые две строки подключаются как src: url(путь) а остальные просто как url(путь) ?

Вот например скриншот из видео.


Такой вопрос, если например нет контейнера "woff2", а только "woff", то "src" нужно применить к url('../fonts/MyWebFont.woff') format('woff') ?

Так верно?

@font-face{
font-family: 'MyWebFont';
src: url('../fonts/MyWebFont.woff') format('woff');

Answer 1

[Lynn «Кофеман»]

1. Потому что это синтаксис для IE то ли 6, то ли 7 версии. Вы его даже в глаза не видели, я полагаю.

2. Абсолютно согласен с Вадимом.
Да, если нет woff2, то достаточно woff. Все браузеры понимающие woff2 понимают и woff, просто woff2 легче.
Браузеры которые не понимают даже woff это древние мастодонты (вполне возможно, что на древних компах) и негуманно их ещё и лишними шрифтами грузить

Comments

[QWERTY01]

Спасибо. Очень рад, а то смотришь на вес каждого такого файла и волосы дыбом