css - Can I use font-awesome without downloading? -


for simple html pages want use fontaweseome without downloading @ all.

i thinking have css point /fontface this:

(i.e.: directly github url)

@font-face {   font-family: 'fontawesome';   src: url('http://fortawesome.github.io/font-awesome/assets/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');   src: url('http://fortawesome.github.io/font-awesome/assets/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('http://fortawesome.github.io/font-awesome/assets/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('http://fortawesome.github.io/font-awesome/assets/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('http://fortawesome.github.io/font-awesome/assets/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');   font-weight: normal;   font-style: normal; } 

which did ... not seem work.

no errors yet this:

 <i class="icon-bar"></i> 

where

  <style>   { font-family: 'fontawesome', sans-serif; }   </style> 

is not rendered expected

firstly, font-face declaration incorrect, should be:

@font-face { ... } 

then call in css, need add like:

i {      font-family: 'fontawesome', sans-serif;  } 

or

icon-bar {      font-family: 'fontawesome', sans-serif;  } 

hope helps.


Comments

Popular posts from this blog

html - How to style widget with post count different than without post count -

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

javascript - storing input from prompt in array and displaying the array -