Compass wyjścia font-face złą ścieżkę do pliku czcionki

Question

@font-face { 
    font-family: "HelveticaNeueLTStd-Lt"; 
    src: url('/css/fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'); 
} 

czyli wyjście z mojego kodu Kompas:

@include font-face('HelveticaNeueLTStd-Lt', font-files('HelveticaNeueLTStd-Lt.otf')); 

I nie wydają się uzyskać url wyjściową być albo po prostu „Helvetica .. .... otf "lub po prostu" czcionki/Helvetica ...... otf ".

Moi aktywa katalogów są następująco:

http_path = "/" 
css_dir = "css" 
sass_dir = "sass" 
images_dir = "img" 
javascripts_dir = "js" 
fonts_dir = "fonts" 

Próbowałem zdejmując fonts_dir i zmieniając je na "" bez powodzenia

Answer 1

Set http_fonts_path lub :relative assets, true. :)

Answer 2

Miałem ten sam problem. Wystarczy użyć zamiast czcionki URL-files

@include font-face('HelveticaNeueLTStd-Lt', url('HelveticaNeueLTStd-Lt.otf')); 

Answer 3

Jeśli dobrze rozumiem, ty wyjście ścieżka jest „/css/fonts/HelveticaNeueLTStd-Lt.otf”, ale chcesz, aby przejść do „/fonts/HelveticaNeueLTStd-Lt.otf .

Może spróbuj zmienić plik config.rb do

fonts_dir = "../fonts" 

nie polecam przy użyciu pliku .OTF internetowych

Zwykle używam wstawek w ten sposób:

@include font-face('HelveticaNeueLTStd-Lt', font-files(
'HelveticaNeueLTStd-Lt.woff', woff, 
'HelveticaNeueLTStd-Lt.ttf', ttf, 
'HelveticaNeueLTStd-Lt.svg', svg), 
'HelveticaNeueLTStd-Lt.eot');