[SOLVED] Custom fonts - using fontsquirrel

[sickshot]

Hello,

 

does anyone tried to add custom fonts using fontssquirrel generator?

 

http://www.fontsquirrel.com/tools/webfont-generator

 

it would be very useful if anyone could provide any info/guide on implementing those fonts in prestashop.

 

I have currently installed PS 1.4.9 and trying to handle this, but yet no success. 

 

TIA

Edited February 18, 2014 by sickshot (see edit history)

[sickshot]

OK i solved this. i'll try to explain step by step:

 

1.  go to http://www.fontsquirrel.com/tools/webfont-generator or any other similar generator.

2. upload your desired font and generate webfont.

3. download & unzip.

4. upload this folder to your theme folder 

5. add following code to global.css 

@font-face {
    font-family: 'YOURFONT';
    src: url('YOURFONT.eot');
    src: url('YOURFONT.eot') format('embedded-opentype'),
         url('YOURFONT.woff') format('woff'),
         url('YOURFONT.ttf') format('truetype'),
         url('YOURFONT.svg#YOURFONT') format('svg');
}

you'll find your own css code in your folder.

 

6. add  

font-family: YOURFONT, Arial, Helvetica, Sans-Serif ; 

anywhere where you want your custom font to appear.

 

 

thats it. good luck

Edited February 19, 2014 by sickshot (see edit history)