2016-04-19 20 views
2

So hatte ich eine Menge Probleme mit bootstraps glyphicons arbeiten. Ich konnte sie endlich vor Ort zeigen lassen. Das einzige Problem, das ich jetzt habe, ist ich die folgenden Fehler in meinem DOM erhalten:Schienen Bootstrap Glyphicons

GET http://localhost:3000/fonts/glyphicons-halflings-regular.woff2      jquery.self-660adc5….js?body=1:3734 
GET http://localhost:3000/fonts/glyphicons-halflings-regular.woff      localhost/:1 
GET http://localhost:3000/fonts/glyphicons-halflings-regular.ttf 404 (Not Found)  localhost/:1 

Nur damit jeder weiß, wenn ich jquery.self-660adc5...js?body=1:3734 wähle ich auf die folgende Codezeile getroffen zu bekommen: support.inlineBlockNeedsLayout = val = div.offsetWidth === 3;

in meinem Terminal erhalte ich folgendes:

Started GET "/fonts/glyphicons-halflings-regular.woff2" for ::1 at 2016-04-18 21:57:17 -0600 

ActionController::RoutingError (No route matches [GET] "/fonts/glyphicons-halflings-regular.woff2") 

ich alle Bootstrap glyphicon zur Zeit haben Dateien in vendor/assets/fonts/

glyphicons-halflings-regular.eot glyphicons-halflings-regular.woff 
glyphicons-halflings-regular.svg glyphicons-halflings-regular.woff2 
glyphicons-halflings-regular.ttf 

In meinem application.css Ordner habe ich:

@import "bootstrap-sprockets"; 
@import "bootstrap"; 

@font-face { 
    font-family: 'Glyphicons Halflings'; 
    src: url('../assets/glyphicons-halflings-regular.eot'); 
    src: url('../assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../assets/glyphicons-halflings-regular.woff') format('woff'), url('../assets/glyphicons-halflings-regular.ttf') format('truetype'), url('../assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
} 

In application.rb

config.assets.paths << "#{Rails}/vendor/assets/fonts" 
config.assets.precompile += %w(.svg .eot .woff .ttf .woff2) 

In mime_types.rb

Rack::Mime::MIME_TYPES['.woff'] = 'application/x-font-woff' 

denke ich, wo ich bin verwirrt ist, dass die glyphicons zeigen und Arbeiten werde ich jedoch immer noch bekommen der Fehler im DOM sowie in meinem Terminal, dass diese Dateien nicht gefunden werden können. Irgendwelche Vorschläge, wie ich damit umgehen kann? Ich hatte zuerst die gem 'bootstrap-sass', '3.2.0.0' installiert, aber letztendlich dl'd nur das Bootstrap-Paket und fügte es meinem Projekt hinzu.

Leider muss ich dieses Problem noch beheben. Für jetzt habe ich die Bootstrap-CDN-Schlüssel enthalten:

Dies beseitigt offensichtlich die Fehler für jetzt. Wenn jemand anders eine Lösung hat oder mehr Informationen benötigt, um dieses Problem zu lösen, kommentieren Sie bitte. Ich werde sehr gespannt sein, deine Gedanken zu hören.

Antwort

1

Sie müssen noch woff2 Dateien auf die Asset-Pipeline hinzuzufügen:

+0

Whoops, dass hinzuzufügen vergessen. Ich habe es jetzt getan, aber immer noch die Fehler mit 'woff2, woff, ttf' bekommen. – Nappstir

+0

Haben Sie überprüft, dass alle 5 Schriftarten, die Sie aufgelistet haben, in 'vendor/assets/fonts' enthalten sind? –

+0

Ja, alle fünf Dateien sind da. Hier ist mein Repo für den Fall, dass Sie einen Blick darauf werfen möchten: https://github.com/Nappstir/my_family – Nappstir

Verwandte Themen