Как лучше подключать шрифты для сайта?

Question

[hax0r :3]

Здравствуйте друзья, у меня вопрос, как лучше и профессиональней подключать шрифты для сайта? через import или через ?

Answer 1

[shweps123]

По поводу «import vs LINK» есть статья на хабре, там рекомендуют подключать через «LINK».

В css шрифты подключают через свойство @font-face.
Форматы файлов:
.eot - IE6+
.woff2 - Android 37, Chrome 41+, Opera 27+
.woff - IE9+, FF3.6+, Chrome 6+, Opera 11.10+
.ttf - FF3.5+, Chrome 4+, Safari 3.1+
.svg - Chrome 4+, Opera 10+, iPhone, iPad, Safari

Есть много онлайн конвертеров, для конвертации одного формата в другие, например:
www.fontsquirrel.com/tools/webfont-generator
https://www.web-font-generator.com/

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

Answer 2

[Сергей ZSA]

Первый комментарий отлично отвечает на вопрос. От себя добавлю - если нужно сделать сайт более шустрым - редактируем шрифт, очистив его от лишних символов, и подключаем через @font-face, но редактировать нужно очень осторожно и вдумчиво.