Font-Awesome is not loading Edge & IE-CodePudding

I am trying to use

Even tried copy/download CSS texts and paste in a custom file and importing the same file then it breaking in all browsers.

CodePudding user response：

You are getting this error due to bad URL reference. In the example below, the href attribute of the Font-Awesome library has been edited.

<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" />

<i  aria-hidden="true"></i>

CodePudding user response：

I don't know exactly how you are setting things up - for example when you did the test 'direct' and got the error on all browsers whether you have a doctype, that sort of thing.

However, the basic problem seems to be in the URL syntax. With only // at the start Edge (on my Windows 10 system at least) failed to find the file - after a reasonable pause. Adding the https: Edge was happy and found the file.

This snippet seems to work fine:

<!doctype html>
<html>

<head>
  <link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
</head>

<body>
</body>

</html>