Geek asks and answers

Font-Awesome Icons Not Displayed Through BoostrapCDN

I am trying to use Font-Awesome font fonts through the BootstrapCDN link, and I'm sure I have the latest version:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

I put this link in part of <head>my html file, and I'm trying to get it to work with this simple html code:

<!DOCTYPE html>
<html>
<head>
    <title>Font-Awesome Icons</title> 
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
    <p><i class="fa fa-camera-retro"></i> Camera Icon<i class="fa fa-facebook"></i> Facebook Icon</p>
</body>
</html>

However, this is not rendering. I tried this code in the latest versions of FireFox (27), Safari (7) and Chrome (33). I checked that the class fais on each of the icons that I am trying to call, and also that the prefix is fa-used in contrast to the old prefix icon-. I checked my code implementation with this video http://headwaythemes.com/using-font-awesome-with-headway/ (although it is for a WordPress theme, basically the code should work) and looked around, but the previous questions like Fontawesome not loading did not give me any help in solving my problem.

fontawesome.otf, , , , http://fortawesome.imtqy.com.
-, BoostrapCDN? - ?

+3
3

, , , URI "//". , , , . html , , -awesome css "file://". html - http, http, css "http://".

:

  • css .
  • http- .

: URI, ... ?

+5

- 'http:' cdn, , :

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Ta-!

+1

What Pulkit answered is absolutely correct. Just add, if you want to create a fast local server, just go to the html and css pages directory, and then go to the terminal and type

$ python -m SimpleHTTPServer

Then go to your browser and go to 127.0.0.1:8000. If it doesn’t appear, try changing the home page of your site to index.html

0
source

More articles:


All Articles