2017-05-10 5 views
0

Ich habe neue Fonts zu meinem Ordner app/assets/fonts/NewFont hinzugefügt.Benutzerdefinierte Schriftarten werden nicht angezeigt

Ich habe auch hinzugefügt Font-Dateien gibt: 1234.eot, 1234.woff2, 1234.woff, 1234.ttf

In meinem fonts.scss.css ich hinzugefügt haben:

@font-face { 
    font-family: 'NewFont'; 
    src: font-url('NewFont/1234.eot'); 
    src: font-url('NewFont/1234.eot?#iefix') format('embedded-opentype'), 
     font-url('NewFont/1234.woff2') format('woff2'), 
     font-url('NewFont/1234.woff') format('woff'), 
     font-url('NewFont/1234.ttf') format('truetype'); 
} 

Und wenn ich es für meinen Körper:

html, body { 
    font-family: 'NewFont', sans-serif; 
} 

Und nichts passiert. Meine Schriftart auf der Website zeigt immer noch das gleiche. Was fehlt mir?

Ich verwende Ubuntu, aber dies sollte in keinem Fall vom System abhängig sein.

Ich habe versucht, die font-url durch assets-url zu ersetzen, aber kein Glück.

Sollte die font-family mit einer Art von Schriftfamilie übereinstimmen, die bereits in den Schriftartdateien definiert ist?

config/initializers/assets.rb:

Rails.application.config.assets.precompile += %w(1234.eot 
               1234.ttf 
               1234.woff 
               1234.woff2 
               fonts.css.scss) 
+0

Sind Sie Schriftarten und css aufgeführt auf 'config/initializers (im Falle haben Sie die neue Schriftart in den public/fonts/ Verzeichnis verschoben)/assets.rb'? – ErvalhouS

+0

Hm, nein, aber ich habe jetzt versucht, es hinzuzufügen, und nach dem Neustart des Servers hat sich nichts geändert. – Aleks

+0

können Sie zuerst überprüfen Sie Ihr Entwickler-Tool, um zu überprüfen, ob die Schriften geladen sind oder für irgendwelche Fehler? Font-Probleme können leicht mit Dev-Tools erkannt werden –

Antwort

0

Die Antwort war, dass ich die fonts zu verlangen vergessen Datei selbst in die Datei application.css am Anfang der Datei:

*= require fonts 

Randbemerkung:

Stellen Sie sicher, dass die Schriften in den öffentlichen Ordner sind so Produktion Web-Site die Schriftarten auswählen können. Zu diesem Zweck Aktualisieren Sie:

src: font-url('NewFont/1234.eot') 

zu

src: url('/fonts/NewFont/1234.eot') 

0

Sie müssen Ihr Vermögen Ordner verknüpfen:

@font-face { 
    font-family: '1234'; 
    src: url('assets/fonts/NewFont/1234.eot'); 
    ... 
    ... 

} 

Weitere Informationen über asset_path hier: http://guides.rubyonrails.org/asset_pipeline.html

+0

Es hat nicht funktioniert (obwohl ich denke, 'font-path' ist nicht erforderlich) – Aleks

+0

Bearbeitet für eine einfachere Lösung –

+0

Ich glaube nicht, das Problem ist in der Position der Schriftart, aber im Namen der 'font-Familie'. Meine Schriftart enthält keine Spezifikation. Ich denke, das Problem ist da. Ich untersuche es gerade. (Die Änderung hat nicht geholfen) – Aleks

Verwandte Themen