Scss List Font-Face Loop - PullRequest
Новая
       17

Scss List Font-Face Loop

0 голосов
/ 07 февраля 2019

Я пытаюсь использовать SCSS для рендеринга объявления шрифта webfont в css.Я определил имена переменных для семейства шрифтов и имя файла в списке.Затем я использовал имена переменных в качестве заполнителей в CSS.

Я не могу найти ошибку в своем коде.

$fonts: (
"paradise thoughts": paradisethoughts-regular,
"masterblush": masterblush-regular,
"steadfast": steadfast-regular,
"beautiful bloom": beautiful-bloom-regular,
"rosefield": rosefield-regular,
"silverberry": silverberry-regular,
"little bestseller": little-bestseller-regular,
"the saturday": thesaturday-clean-regular,
"smaragdines script": smaragdines-script-regular,
"trendsetter": trendsetter-regular,
"imperfectly": imperfectly-regular,
"summer festival": summer-festival-regular,
"northern lights": northern-lights-regular,
"hello stockholm": hello-stockholm-regular,
"wilderness": wilderness-regular,
"riverside avenue": riverside-avenue-regular,
"perfect sunset": perfect-sunset-regular,
"sugarstyle millenial": sugarstyle-millenial-regular,
);

@each $family, $file in $fonts {
  @font-face {
      font-family: '#{$family}';
      src: url('#{$file}.eot');
      src: local('#{$family} regular'), local('#{$file}'),
        url('#{$file}.eot?#iefix') format('embedded-opentype'),
        url('#{$file}.woff2') format('woff2'),
        url('#{$file}.woff') format('woff'),
        url('#{$file}.ttf') format('truetype'),
        url('#{$file}.svg##{$file}') format('svg');
      font-weight: normal;
      font-style: normal;
      }
  }

Заранее спасибо!

...