Чем отличаются разные способы подключения шрифтов?

Question

[Лина Литвак]

Раньше я подключала шрифты через линку в html-файле. Позже я подключала шрифты через import в SCSS. А сейчас я изучаю Gulp, где по сути сборщик делает все за меня.
Объясните, пожалуйста, есть ли существенная разница в том, каким способом подключать шрифты в проекте? От чего зависит выбор того или иного способа подключения шрифтов?

Answer 1

[Сергей delphinpro]

Способ подключения шрифта есть только один – директива @font-face в css.

подключала шрифты через линку в html-файле

Таким образом вы подключали css файл, в котором были директивы font-face.

через import в SCSS

Полагаю, подключали scss файл, в котором были директивы font-face.

В общем, технически способ только один. А как вы раскидываете свои файлы - без разницы.

Answer 2

[Герман Зуяков]

если это то о чем я думаю, то нет, ведь на выходе они подключают шрифты одинаково, обьясню:
1. Линк - он просто подключает css файл в котором подrлючается ttf/otf/woff/woff2/svg файлы шрифта
2. import это функция в css которая используется для подключения ttf/otf/woff/woff2/svg шрифта
3. в gulp просто генерируется функция import для подключения ttf/otf/woff/woff2/svg шрифта
т.е. в любом из этих случаев будет использоватся import