font non visualizzato con @font-family

[e-gadget]

Ciao,

 

sto modificando il tema di default e sto cercando di far funzionare il @font-family nel global.css in diverse maniere, mettendo anche font in formato .svg e .woff, ma per ora non sono riuscito nell'ìmpresa.

 

Ecco il mio codice dal 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;
}

 

Purtroppo continua a visualizzarmi il Verdana.

I font sono nella cartella principale del tema.

 

Sapete come fare?

[e-gadget]

O.K.! Ho trovato tutta la soluzione su un blog spagnolo.

Ecco il codice:

 

@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;

[jipicily]

Potresti anche utilizzare Google Fonts.