Font url not working in angular 5 css reference

Question

I have created an angular 5 project with angular cli. referenced css in angular-cli.json style tag.

"styles": [
        "styles.css",
        "static/css/custom.css",
        "static/css/style.bundle.css",
        "static/css/vendors.bundle.css",
        "static/css/fullcalendar.bundle.css"
      ]

when i try to run app in browser. i get font files aborted error in console

GET http://localhost:4200/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0 net::ERR_ABORTED
fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0:1 GET http://localhost:4200/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0 net::ERR_ABORTED
fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0:1 GET http://localhost:4200/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0 net::ERR_ABORTED

these font files are being used in vendors.bundle.css

what have i tried:

I tried to change url src: url("fonts/socicon/socicon.eot") to src: url("/fonts/socicon/socicon.eot") in css file.
I tried to load css like this,

<link rel="stylesheet" type="text/css" ref="./static/css/style.bundle.css"/>

but it gave me this error

**because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled**

You might want to check out this link. github.com/angular/angular-cli/issues/5213 — Alf Moh
– Alf Moh, Commented Jul 26, 2018 at 7:21

Khalid Aljaghthami · Accepted Answer · 2018-02-28 14:56:32Z

0

Angular 2: file not found on local .json file

It seems that the "static" folder not accessible. This previous issue may help.

answered Feb 28, 2018 at 14:56

Khalid Aljaghthami

212 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Font url not working in angular 5 css reference

what have i tried:

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

what have i tried:

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related