Icon Fonts

Gavick recently pointed out to the use of icon fonts such as

http://www.tenbytwenty.com/sosa.php

Can someone give us some steps, of the best way to implement these icon fonts?

i.e upload location, css code (font folder contais 4 filetypes eot/svg/ttf/woff) etc?

I'm sure many would find this useful.

Thanks

Hi, yes you have to have those format and you have add conections to them into css.
Copy css to css from template (ex. template.css) and use like uses fonts.

Code: Select all

@font-face {
    font-family: 'sosaregular';
    src: url('sosa-webfont.eot');
    src: url('sosa-webfont.eot?#iefix') format('embedded-opentype'),
         url('sosa-webfont.woff') format('woff'),
         url('sosa-webfont.ttf') format('truetype'),
         url('sosa-webfont.svg#sosaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

See how to use it from attachment