Search code examples
javascripthtmlfont-awesome

font awesome doesn't load net::ERR_FILE_NOT_FOUND


I'm trying to use font awesome for some icons, and am doing this by using the CDN. I simply copied my font awesome embed code in the of my page, as instructed.

   <script src="https://use.fontawesome.com/4c5806874b.js"></script>

But when I open the page, it tells my that webfontloader.js failed

Any ideas what goes wrong here?

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Brighton Times</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="main.css">
    <link rel="stylesheet" media="(max-width: 400px)"type="text/css" href="smallest-screens.css">
    <script src="https://use.fontawesome.com/4c5806874b.js"></script>
  </head>

Solution

  • If I understand this correctly, You're trying to use to load some fonts - try using the following link

    https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css

    if you want to see the output in HTML follow - i class and it should work.