По поводу «
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/
Если вы используете кириллические шрифты, то после конвертации обязательно проверяйте файлы, потому что некоторые конвертеры не умеют работать с кириллицей.