@font-family doesn't work

[e-gadget]

Ciao,

 

I'm modifying the default theme and I'm trying to do work by anyway the @font-family command. I've attempt so add font in .svg and .woff format, but always it doesn't work.

 

This is my css:

 

@font-face {
font-family: 'Lucida Grande';
    src: url('lucida-grande.eot');
    src: url('lucida-grande.eot?#iefix') format('embedded-opentype'),
         url('lucida-grande.woff') format('woff'),
         url('lucida-grande.ttf') format('truetype'),
         url('lucida-grande.svg#webfont') format('svg');
}

body{
    font-family: 'Lucida Grande';
    font:normal 11px/14px 'Lucida Grande', Verdana, Arial, Helvetica, Sans-serif;
    color:#222;
    background:#000000;
}

 

In the web-page I see Verdana font.

The font file is in the template directory.

 

How I can resolve?

 

Thanks!

[Krystian Podemski]

Hi,

 

Probably is enough to change font directory to:

 

src: url('../lucida-grande.eot');

 

/css/ second level of tree in theme folder

[e-gadget]

Thanks Krystian, it's O.K.! Your advice is right, and I've found all of the solution on a spanish blog.

This is the code:

 

@font-face {
font-family: 'Lucida Grande';
    src: url('../lucida-grande.otf');
    src: url('../lucida-grande.eot');
    src: url('../lucida-grande.eot?#iefix') format('embedded-opentype'),
         url('../lucida-grande.woff') format('woff'),
         url('../lucida-grande.ttf') format('truetype'),
         url('../lucida-grande.svg#webfont') format('svg');
}



body{
    font:normal 11px/14px 'Lucida Grande', Verdana, Arial, Helvetica, Sans-serif;
    src: url('../lucida-grande.otf');
    color:#222;

Edited February 6, 2014 by e-gadget (see edit history)

[CartExpert.net]

Please mark the topic as [sOLVED]

 

Regards.

Robin.

The CartExpert Team