SASS + Compass - не может включать шрифт - PullRequest
Новая
       9

SASS + Compass - не может включать шрифт

0 голосов
/ 20 июля 2011

Я пытаюсь включить три шрифта: 

@include font-face("Kalisher", font-files("kalisher.ttf", truetype));
@include font-face("Bark", font-files("barkbloom.ttf", truetype));
@include font-face("Bilbo", font-files("narkbilbo.ttf", truetype));

Включается только Kalisher (независимо от того, в каком порядке я их размещаю).

Любые указания?

Скомпилированный CSS: 

@font-face {
  font-family: "Kalisher";
  src: url('/css/fonts/kalisher.ttf') format('truetype');
}

@font-face {
  font-family: "Bark";
  src: url('/css/fonts/barkbloom.ttf') format('truetype');
}

@font-face {
  font-family: "Bilbo";
  src: url('/css/fonts/narkbilbo.ttf') format('truetype');
}

Ответы [ 2 ]

0 голосов
/ 13 ноября 2013

в вашем config.rb не забудьте поставить эту строку: 

fonts_path = File.join(dir, 'yourPathfromYourMain.css', 'fonts')

ОК, тогда это объявление sass-шрифта: 

@include font-face("Kalisher", font-files("kalisher.ttf", truetype));

ОК сгенерированный шрифт 

@font-face {
    font-family: "Kalisher";
    src: url('/css/fonts/kalisher.ttf') format('truetype');
}

вы можете увидеть начало URL с помощью /

удалите / в сгенерированном файле css и попробуйте, вы увидите, что ваш шрифт работает, поэтому я рекомендую проверить путь к вашей конфигурации, все вашипуть ..

0 голосов
/ 10 августа 2011

Sass и скомпилированный CSS выглядят отлично.Проверьте шрифты, чтобы убедиться, что они на самом деле являются веб-шрифтами или не повреждены.

...