Как исправить мой миксин? Браузер отправил ошибку в ссылке - PullRequest
Новая
       12

Как исправить мой миксин? Браузер отправил ошибку в ссылке

0 голосов
/ 30 апреля 2019

введите описание изображения здесь Я создал свой собственный миксин для работы со шрифтами, я работаю с sass через свой собственный шаблон gulp, и у меня есть некоторые проблемы с включениями, я не могу ввести свои шрифтыправильно в браузер

Браузер говорит, что не может загрузить изображение, но это не изображение. 

_font-face.scss:
@mixin font-face($font-family, $file-path, $weight: normal, $style: normal) {

    font-family: $font-family, sans-serif;
    font-weight: $weight;
    font-style:  $style;
    src: url('#{$file-path}.ttf');
    src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'), font-url('#{$file-path}.woff') format('woff'), font-url('#{$file-path}.ttf') format('truetype');
};

_fonts.scss(nesting this mixin)
@import "_mixins/font-face";

main.scss: 
@import "reset";
@import "colors";
@import "fonts";

/* Main styles */
h1,h2 {
 @include font-face('Bangers', '../fonts/BangersRegular/BangersRegular', 700);
}

Output CSS:
h1, h2 {
  font-family: "Bangers", sans-serif;
  font-weight: 700; 
  font-style: normal;
  src: url("../fonts/BangersRegular/BangersRegular.ttf"); }

Я ожидаю, что все будет хорошо, потому что в документации я видел примеры для миксинов,и теперь я действительно не понимаю, что не так

...