fontawesome not displaying in local

Question

I am using fontawesome in my laravel project, the problem is that it will not display if I use it in local without using CDN.

<link href="{{ URL::asset('css/font-awesome.min.css') }}" rel='stylesheet' type='text/css'>

NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.woff2?v=4.6.3"

"NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.woff?v=4.6.3"

NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.ttf?v=4.6.3

here is my fullpath of font-awesome.min.css

C:\wamp\www\mysite\public\css\

Thank you in advance.

score 3 · Accepted Answer · answered Jul 05 '16 at 02:25

3

This is because you are using the URL helpers incorrectly.

If font-awesome.min.css is inside public/css then you want to be referencing it just using the asset() helper - you do not need to add the URL facade too.

So just tweak your <link> tag a little like so:

<link href="{{ asset('css/font-awesome.min.css') }}" rel='stylesheet' type='text/css'>

answered Jul 05 '16 at 02:25

James

15,754
12
73
91

Hi @James,I tried you solution but still not working – jemz Jul 05 '16 at 02:30
@jemz can you confirm the full file path for `font-awesome.min.css` please? – James Jul 05 '16 at 02:35
I put the full path in my question – jemz Jul 05 '16 at 02:37
@jemz have you followed the correct steps to use font awesome locally? It looks like you haven't got the font files in your `public/fonts` directory... http://fontawesome.io/get-started/ – James Jul 05 '16 at 02:42
what do you mean the steps ?the fonts are place inside the fonts folder separate to css folder – jemz Jul 05 '16 at 03:01
@jemz yes but are they located at `public/fonts`? Your 404 errors suggest that those files cannot be found – James Jul 05 '16 at 05:35
it is there I donwloaded again and put the fonts folder inside the public folder and it doesn't work – jemz Jul 05 '16 at 06:44
@jemz when you follow the 404 error link can you see the contents of them? – James Jul 05 '16 at 07:13
yes I can see the content, I viewed source then click the link of fontawesome then it display the content of it – jemz Jul 05 '16 at 07:22
yeah me too, I am pulling my hair ...I don't know how to fix this – jemz Jul 05 '16 at 10:24
@jemz why can't you just use a CDN? – James Jul 05 '16 at 10:26
because the server has no internet connection. and they want to run the application in local – jemz Jul 05 '16 at 10:27
I put public asset('public/css/fontawesome.min.css') – jemz Jul 05 '16 at 10:42

fontawesome not displaying in local

1 Answers1