Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Fontawesome: how to use completely in local?

Tags:

font-awesome

I'd like to use fontawesome in a closed net environment. So we can't access CDN.

I know I can simply download the css, but where are the font files?

CSS actually point to this

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
}

Is it possible to downlaod and use .eot / woff / ttf / svg locally ?

like image 370
realtebo Avatar asked May 28 '14 07:05

realtebo


People also ask

How do I use font awesome icons without Internet?

Go to font awesome official website and download free zip file, extract it and link this to your page, done..! To be able to use font awesome offline you would have to manually download the icons to your local computer. You should be able to find the required files from the font awesome website.

How do I use all font awesome icons?

You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. Font Awesome is designed to be used with inline elements (we like the <i> tag for brevity, but using a <span> is more semantically correct). icon If you change the font-size of the icon's container, the icon gets bigger.

Can I use font awesome without bootstrap?

Font Awesome works just as well without Bootstrap. Copy the font-awesome directory into your project.


1 Answers

Check the last version of FontAwesome.

You will download a .zip with all you are looking for in the fonts folder

font-awesome-4.1.0
 - fonts 
   + FontAwesome.otf
   + fontawesome-webfont.eot
   + fontawesome-webfont.svg
   + fontawesome-webfont.ttf
   + fontawesome-webfont.woff

EDIT : If you look correctly in the variables.less and path.less files you will see that the font are grab at the url "../fonts/fontawesome.xxx"

like image 189
Kraiss Avatar answered Oct 18 '22 23:10

Kraiss