Как добавить шрифт nanito во vue.js компонент?

Question

[Andre97]

Добрый день. Надо поменять в нескольких местах шрифт на nanito. Если делаю что то такое, то работает

.custom-font {
  font-family: 'Arial', sans-serif !important;
}

Но с нанито не работает. Пытаюсь импортировать его

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');

и тогда применять

.custom-font {
  font-family: 'Nunito Sans', sans-serif !important;
}

тоже не дает результата.
Как правильно это сделать?

Comments

[Aetae]

Должно работать. Нужно больше деталей\кода. Куда именно и что ты пытаешься импортировать.

[Andre97]

Aetae, Есть обычный компонент. В секции style делаю этот импорт и создаю класс. Потом в template к тегам добавляю этот класс. В инспекторе смотрю, вижу что не срабатывает.

[Aetae]

Andre97, а у меня работает:
https://codesandbox.io/s/floral-frost-d6mz3?file=/...