Rails 4 - Vendor Assets Schriften Datei

Question

Ich habe Probleme herauszufinden, wie Sie eine Wrap Bootstrap-Datei in meine Rails 4 App integrieren.

Ich habe einen Ordner in meinem Kreditor Vermögenswerte namens Schriftarten.

Darin habe ich mehrere Dateien auf genannt wird, die folgenden:

ActionController::RoutingError (No route matches [GET] "/assets/vendor/assets/fonts/Simple-Line-Icons.woff"): 

ich mein Verkäufer/assets/Stylesheets, ich habe eine Datei einfach-line-icons.css genannt, die hat:

@font-face { 
    font-family: 'Simple-Line-Icons'; 
    src:url('vendor/assets/fonts/Simple-Line-Icons.eot'); 
    src:url('vendor/assets/fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), 
     url('vendor/assets/fonts/Simple-Line-Icons.woff') format('woff'), 
     url('vendor/assets/fonts/Simple-Line-Icons.ttf') format('truetype'), 
     url('vendor/assets/fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Wenn ich alles speichern und precompile Vermögen, meine Konsole Fehlerprotokoll zeigt:

Failed to load resource: the server responded with a status of 404 (Not Found) 
http://localhost:3000/assets/vendor/assets/fonts/Simple-Line-Icons.ttf Failed to load resource: the server responded with a status of 404 (Not Found) 

Kann jemand sehen, was n eeds geschehen, damit dies funktioniert?

den Vorschlag Taking unten, ich habe jetzt:

@font-face { 
    font-family: 'Simple-Line-Icons'; 
    /*src:url('vendor/assets/fonts/Simple-Line-Icons.eot');*/ 
    src:asset-url("fonts/Simple-Line-Icons.eot"); 
    src:asset-url("fonts/Simple-Line-Icons.eot?#iefix") format('embedded-opentype'), 
    asset-url("fonts/Simple-Line-Icons.woff") format('woff'), 
    asset-url("fonts/Simple-Line-Icons.ttf") format('truetype'), 
    asset-url("fonts/Simple-Line-Icons.svg#Simple-Line-Icons") format('svg'); 

innen einfach-line-icons.css.erb

aber ich bekomme immer noch Fehler 404

Answer 1

.erb addieren, Ende Ihrer CSS-Datei, dann ändern Sie url('vendor/assets/fonts/Simple-Line-Icons.eot') zu asset-url("fonts/Simple-Line-Icons.eot") und das gleiche wie die anderen. Ich denke, das Problem ist, nachdem Sie die Datei vorkompilieren, Schienen werden ein zufälliges Token der Datei wie "/assets/application-908e25f4bf641868d8683022a5b62f54.js" hinzufügen, wenn Sie also 'vendor/assets/fonts/Simple-Line-Icons.eot' verwenden, können Sie die Datei nicht finden.

Update

Änderung Ihrer simple-line-icons.css.erb Datei zu simple-line-icons.scss dann

@font-face { 
    font-family: 'simple-line-icons'; 
    src: asset-url('Simple-Line-Icons.eot?v=2.2.2'); 
    src: asset-url('Simple-Line-Icons.eot?v=2.2.2#iefix') format('embedded-opentype'), asset-url('Simple-Line-Icons.ttf?v=2.2.2') format('truetype'), asset-url('Simple-Line-Icons.woff2?v=2.2.2') format('woff2'), asset-url('Simple-Line-Icons.woff?v=2.2.2') format('woff'), asset-url('Simple-Line-Icons.svg?v=2.2.2#simple-line-icons') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

am Ende in Ihrer application.css Datei folgendes hinzufügen:

*= require simple-line-icons 

weil anscheinend require_tree. wird nicht benötigt die Datei in Ihrem Lieferanten-und Lib-Ordner