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 ?
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.
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.
Font Awesome works just as well without Bootstrap. Copy the font-awesome directory into your project.
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"
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With