Re: Web Font Usage

You kind find articles etc from a google search.. but I think i used a online generator from fontsquirrel.com.

Basically you convert the font to text & ref the text in your css.

the dif is the line with src: url(

normally its like this:

src: url('fonts/NameOfYourFontHere.eot');

base64 encoded its like this:

src: url(data:font/ttf;base64,T1RUTwALAIAAAwAwQ0ZGIBpcg2UAAApsAACnVEdQT1OTmXvpAADMSAAAZAxHU1VCzFlDLgAAvdQAAA50')

A shorten example for reference is:

==

@font-face {

    font-family: 'NameOfYourFontHere';

    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAHwwABMAAAAA4IwAAQAAAAAAAAAAAAAAAAYAAAHEA) format('woff'),

         url('FontFileNameHere-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

==