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

, dass der Ausgang meines Kompass-Code ist:Compass font-face Ausgänge falschen Weg Font-Datei

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

ich nicht die Ausgabe url scheinen zu bekommen entweder nur ‚Helvetica zu sein .. .... otf 'oder nur' Schriftarten/Helvetica ...... otf '.

Meine Auswahl Vermögenswerte sind wie folgt:

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

Ich habe versucht, fonts_dir auszuziehen und es auf "" ohne Glück

+5

Diese Problem wurde gelöst. Ich musste nur meine Vermögenswerte in relative ändern. Ich hatte das früher ohne das gleiche Ergebnis versucht, aber aus irgendeinem Grund funktioniert es jetzt. –

+0

Stellen Sie 'http_fonts_path' vielleicht ein. Tritt es immer noch im neuesten Kompass auf? – sam

Antwort

4

Set http_fonts_path oder :relative assets, true ändern. :)

1

Ich hatte das gleiche Problem. Verwenden Sie einfach URL stattdessen font-Dateien

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

Wenn ich richtig Sie Pfad ausgegeben wird ‚/css/fonts/HelveticaNeueLTStd-Lt.otf‘ verstehen, aber Sie wollen ihn gehen zu ‚/fonts/HelveticaNeueLTStd-Lt.otf .

versuchen Vielleicht Ihre config.rb Datei zu

fonts_dir = "../fonts" 

Ändern würde ich

ich in der Regel verwenden Sie die mixin auf diese Weise mit einer OTF-Datei für das Web nicht empfehlen:

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