2017-04-19 6 views
1

Also, ich habe ein neues Laravel 5.4-Projekt, das font-awesome-sass installiert hat und es in http://localhost/projects/laravel54 installiert ist.CSS-URLs, die auf absoluten Pfad verweisen, noth relativ

Aus irgendeinem Grund werden die Schriftart-Dateien in "http://localhost/fonts ...." statt "http://localhost/projects/laravel54/public/fonts ..." gesucht. Ich kompiliere meine CSS mit Laravel Mix ohne Probleme, aber ich verstehe nicht, warum die CSS-Datei von fontawesome sucht die Dateien im absoluten Pfad, nicht relativ zu dem, wo die Datei ist ... Die kompilierten CSS für die Schriftart -Awesome sieht wie folgt aus

@font-face { 
 
    font-family: 'FontAwesome'; 
 
    src: url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713); 
 
    src: url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713) format("embedded-opentype"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format("woff2"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format("woff"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format("truetype"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde) format("svg"); 
 
    font-weight: normal; 
 
    font-style: normal; 
 
}

hat jemand ähnliche Erfahrung oder plausible Lösung hatte? Vielen Dank!

+1

'url (/ fonts' bedeutet, dass es an der Wurzel relativ (in diesem Fall auf localhost) und nicht in Bezug auf den Projektstamm. Sie werden wahrscheinlich einen relativen Pfad verwenden müssen wie zB 'url (fontawesome-webfont.eot)' – apokryfos

Antwort

1

Das Einfügen vor css Kompilierungs-/Konkordanzaktionen löste das Problem.

mix.options({ 
 
\t processCssUrls: false 
 
});

Verwandte Themen