GET https://site.azurewebsites.net/fa-solid-900.f0..d.woff2 404 (Not Found)

Asked Jan 06 '19 at 08:26

Active Jan 06 '19 at 11:37

Viewed 1,511 times

1

I use Font Awesome in angular app, it works fine but when deploying, this error is appear in console

GET https://site.azurewebsites.net/fa-solid-900.f093864079d44808c60d.woff2 404 (Not Found)

I import fontawesome in style.scss

"styles": [ "src/styles.scss", "src/assets/css/fontawesome-all.min.css" ],

here is assets

there is no error in local, only after deploying it, even it's found in dist folder, Should I import them in other way?

asked Jan 06 '19 at 08:26

Kenana Reda

401
7
22

2

Add woff2 mime type to your web.config See also https://ppolyzos.com/2016/03/16/mime-types-missing-in-azure-websites/ – yurzui Jan 06 '19 at 08:51
Actually I don't have web.config in my files @yurzui – Kenana Reda Jan 06 '19 at 08:55
2

You can create it and include in your assets – yurzui Jan 06 '19 at 08:56
I'm not sure if it will have any effects on the site, What do you think? @yurzui – Kenana Reda Jan 06 '19 at 08:58
I've added web.config and no errors in console. Thanks! @yurzui – Kenana Reda Jan 06 '19 at 11:17
Possible duplicate of [Proper MIME type for .woff2 fonts](https://stackoverflow.com/questions/28235550/proper-mime-type-for-woff2-fonts) – CSharpRocks Jan 06 '19 at 13:32

2 Answers2

2

It's solved by adding woff2 mime type to web.config as mentioned ppolyzos.com/2016/03/16/mime-types-missing-in-azure-websites

answered Jan 06 '19 at 11:37

Kenana Reda

401
7
22

I suggest use absolute path/url in font awesome css files with fonts references, instead relative path – LuisEduardox Oct 02 '20 at 23:25

-3

Try checking in Kudu console and check if it is present on the deployed server.

https://site.scm.azurewebsites.net/fa-solid-900.f093864079d44808c60d.woff2

answered Jan 06 '19 at 10:55

Deepak Agarwal

398
1
3
15

1

I've check it ant I found them in files, it's solved by adding mime type to web.config – Kenana Reda Jan 06 '19 at 11:34