Web Font Sass Mixin Issue - PullRequest
Новая
       26

Web Font Sass Mixin Issue

0 голосов
/ 14 мая 2018

Я пытаюсь импортировать веб-шрифт, используя sass mixin со следующими расширениями: .eot, .woff, .ttf

Вот расположение файла шрифтов.

enter image description here

По какой причине шрифт не отображается?Я не уверен почему.

Вот мой миксин SASS: 

@mixin font-face($font-family, $file-path) {
    @font-face {
        font-family: $font-family;
        src: url('#{$file-path}.eot');
        src: url('#{$file-path}.woff');
        src: url('#{$file-path}.ttf');
    }
}

Использование: @include font-face(Roboto-Regular, '../../assets/fonts/Roboto-Regular');

Это приложение для создания реакции.Я использую sass вместе с моим компонентом.

См. Здесь структуру папок, поскольку скомпилированный файл .css находится в папке компонентов.

enter image description here

1 Ответ

0 голосов
/ 14 мая 2018

Попробуйте @include font-face(Roboto-Regular, '../assets/fonts/Roboto-Regular');

, так как 'assets' - это папка 'компонентов', а сгенерированный файл 'compiled.css' находится внутри папки 'компоненты'.

...