Как лучше подключать шрифты для сайта?
По поводу «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-generatorhttps://www.web-font-generator.com/
Если вы используете кириллические шрифты, то после конвертации обязательно проверяйте файлы, потому что некоторые конвертеры не умеют работать с кириллицей.
Первый комментарий отлично отвечает на вопрос. От себя добавлю - если нужно сделать сайт более шустрым - редактируем шрифт, очистив его от лишних символов, и подключаем через @font-face, но редактировать нужно очень осторожно и вдумчиво.