Fonts

Переменные

$font-path: 'fonts'; - путь до папки с шрифтами
$ff: 'Raleway', sans-serif; - шрифт проекта
$icon: 'Material Symboldls Rounded'; - шрифт Google icon

Подключение шрифта

@font-face {
  font-family: 'Raleway';
  src: url(#{$font-path}/raleway/Raleway-Bold.woff) format('woff'),
       url(#{$font-path}/raleway/Raleway-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

Vue/Nuxt

1. Кидаем папку fonts в папку assets
2. В файле _fonts.scss на первой строке добавляем путь в переменную $font-path: '/assets/fonts';