Rails 5 + Rails Assets + Fontawesome lädt keine Fonts

Question

Bei der Installation von Fontawesome über rails-asset.org und den Standardanweisungen folgend, werden die Fonts nicht richtig geladen, und alles, was ich sehe, sind Kästchen, die anzeigen, dass die URL zum Laden der Schriftart generiert wird sind falsch.

Answer 1

sieht also wie folgt ein bug in der Bibliothek und der Vermögenswert Pipeline finden nicht den Weg. Der im Problem vorgeschlagene Fix funktioniert nicht mehr, da sich der Pfad seitdem geändert zu haben scheint und es keinen Bindestrich mehr im font-awesome Pfad gibt.

Hier ist der richtige fix:

1. Erstellen Sie eine neue Datei app/assets/stylesheets/font-awesome.scss mit Inhalt:

fa-font-path: "fontawesome/fonts"; 
@import "fontawesome"; 

2. In application.scss enthalten:

   * = font-awesome

das Problem behoben ist und Symbole sollten auftauchen beginnen.

Bemerkungen:

Wenn Sie die font-awesome.scss innerhalb eines Verzeichnisses unter app/assets/stylesheets/somedir/font-awesome.scss bewegen, dann müssen Sie die fa-font-path Variable beheben korrekten relativen Pfad zu haben, etwa so:

fa-font-path: "../fontawesome/fonts";

Vorsicht mit Pfaden und Namen!

1. Die Datei, die Sie erstellen nicht fontawesome.scss da dies der Name von dem verpackten Juwel verwendet aufgerufen werden.

2. Wenn Sie neueste Version des Edelsteins haben rails-assets-fontawesome (4.7.0) dann der Import und fa-font-Pfad werden fontawesome und nichtfont-awesome wie in älteren Versionen dieses Juwels verwenden. Nicht sicher, wie weit zurück in Versionen dieses Verhalten geht.

Answer 2

kann nicht über einen Kommentar, aber es sollte nicht sein:

$fa-font-path: "fontawesome/fonts"; 

Sie können direkt über die vorgeschlagene Einfuhr durch den Edelstein:

@import "fontawesome"; 

Answer 3

ich es habe gearbeitet mit Hinzufügen dieser Zeilen zu config/initializers/assets.rb:

Rails.application.config.assets.paths << Rails.root.join('node_modules') 

# font-awesome fonts 
Rails.application.config.assets.precompile << %r{font-awesome/fonts/[\w-]+\.(?:eot|svg|ttf|woff2?)$} 

ist und dies auch in anderen Antworten erwähnt als:

application.scss

$fa-font-path: "fontawesome/fonts"; 
@import "fontawesome"; 

Run rake assets:precompile und Sie sollten Schriftart-Dateien in public/assets/font-awesome/fonts

sehen