@font-face... sto provando in tutti i modi... ancora non viene stamato il font

[redteddy]

Ciao a tutti!!

Ho provato tutto quello che potevo eppure non compare il font!!

Descrivo quanto ho fatto:

1) ho tolto il font dalla directory del mio pc per vedere se davvero funzionava una volta fatto l'upload del font sul server, giusto per verificare se veniva preso in remoto.

2) ho copiato dapprima il codice da un sito, molto buono mi sembra, ma non funzionava, poi ho usato questo codice:

@font-face {     
font-family: 'WILLR';     
src: local("WILLR_"),    		
url(WILLR_.ttf);    
font-style: normal;    
}

poi quest'altro:

 @font-face {   font-family: 'WILLR_';  
 src: url('WILLR_.eot');   		
url('WILLR_.woff') format('woff'), url('WILLR_.ttf') format('truetype');   src: local('☺'),          url('WILLR_.woff') format('woff'), url('WILLR_.ttf') format('truetype'); }

3) poi ho usato il generator Squirrel, quindi ho fatto l'upload sul server dei file, dei font e della dir del kit di Squirrel senza alterarne l'ordine e tutte nella stessa dir della index per semplificare il tutto e anche il codice css è nella index...

Code Squirrel:

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

a questo punto mi sfugge qualcosa!! Ma cosa??

Grazie!!

[ZioAlfredo]

Guarda ci sto impazzendo anche io in queste ore, a me funziona su Chrome, su Firefox e su IE 9, ma non sull'8...

[redteddy]

Beh... almeno tu hai la soddisfazione di vederlo!

Ma il font che usi è presente in locale? Se non l'hai in locale... che codice hai usato??

[ZioAlfredo]

@font-face {
font-family: "MonoType Corsiva Corsivo";
src: url("../include/MTCORSVA.eot"); /* EOT file for IE */
}

@font-face {
font-family: "MonoType Corsiva Corsivo";
src: url("../include/MTCORSVA.TTF"); /* TTF file for CSS3 browsers */
}


Si l'ho rimosso e funziona come detto, ma non su Explorer 8

[redteddy]

Nulla, a me non stampa il font... non sapresti indicarmi una strada per risolvere?

Mi dispiace per il tuo IE8 ma forse con IE non si può avere proprio tutto, magari IE non è compatibile con il @face

[fcaldera]

Originariamente inviato da redteddy
magari IE non è compatibile con il @face

il supporto è dalla versione di IE4.01


e funziona solo se
il percorso al font è corretto
il file del font ha i permessi sufficienti in lettura sul server
il file del font non è corrotto o compresso lato server
il font ha un regolare licenza. Se nel font mancano le info sulla licenza d'uso il font non si vedrà, ovvero se avete convertito un font commerciale in .eot questo non sarà utilizzabile.


verificate i punti suddetti e nel caso _dovete_ postare una pagina di test visibile e indicare quale delle tante versioni di IE non vi fa vedere il font.

[redteddy]

Si ma... il mio problema esiste per qualsiasi browser non soltanto per IE... non riesco a stampare il font, non si vede proprio... nel mio primo post ho scritto quanto ho provato a fare, ora proverò a controllare che il font che sto cercando di usare ha la licenza, grazie per i punti su indicati!

[digitos]

Consiglio

http://www.fontsquirrel.com/fontface/generator

Ho provato con un futura e funziona su tutti i browser

il font-face generato è questo


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

}

[redteddy]

C'avevo già provato e non andava :P

Riproverò e grazie mille!!!