Доброго времени суток!
Подключаю шрифт в файле variables.scss следующим образом:
![638b627bb53de288523691.png](https://habrastorage.org/webt/63/8b/62/638b627bb53de288523691.png)
Там же настраиваю глобальные переменные:
![638b62c452934882519117.png](https://habrastorage.org/webt/63/8b/62/638b62c452934882519117.png)
Получаю следующее отображение в браузере:
![638b6346ec997761522127.png](https://habrastorage.org/webt/63/8b/63/638b6346ec997761522127.png)
При том, что если подключаю тот же шрифт через URL:
![638b637a52fb0579291559.png](https://habrastorage.org/webt/63/8b/63/638b637a52fb0579291559.png)
Отображение другое (такое, как и должно быть):
![638b63aa1a490805605500.png](https://habrastorage.org/webt/63/8b/63/638b63aa1a490805605500.png)
Шрифты находятся и прогружаются, это факт, о котором свидетельствует дебаггер браузера:
Дополнительно, не понимаю, почему код в файле variables.scss исполняется несколько раз (например, если посмотреть на кол-во загруженных шрифтов на скриншоте вкладки Network, их почему-то очень много).
UPD: Кстати говоря, сам шрифт к корневому элементу приложения применяется нормально:
Заранее спасибо за помощь!