2015-07-04 6 views
5

Ho un set di caratteri incorporati che funzionano bene in Firefox, Chrome, Safari - ma, sorpresa, sorpresa, non in IE (v11, ma provato in 10 e anche questo non ha funzionato).Il carattere incorporato di IE11 non funziona - ha provato tutti i soliti approcci

Posso caricarne alcuni in IE, ma non altri. Esempio di css:

/* working */ 
@font-face { 
    font-family: 'FoundersGroteskWeb-Semibold'; 
    src: url(./fonts/FoundersGroteskWeb-Semibold.eot); 
    src: url(./fonts/FoundersGroteskWeb-Semibold.eot?#iefix) format('embedded-opentype'), 
     url(./fonts/FoundersGroteskWeb-Semibold.woff) format('woff'); 
    font-style: normal; 
    font-weight: normal; 
      } 

/* not working */  
@font-face { 
    font-family: 'FoundersGroteskX-CondensedWeb-Bold'; 
    src: url(./fonts/FoundersGroteskX-CondensedWeb-Bold.eot); 
    src: url(./fonts/FoundersGroteskX-CondensedWeb-Bold.eot?#iefix) format('embedded-opentype'), 
     url(./fonts/FoundersGroteskX-CondensedWeb-Bold.woff) format('woff'); 
    font-style: normal; 
    font-weight: normal; 
} 

I font sono serviti, tutte di nome correttamente, ecc Una differenza che ho notato è che tutti gli altri browser stavano caricando il file WOFF, mentre IE stava usando la (prima, non #iefix) file eot. Così ho provato a cancellare tutti i riferimenti ai file EOT, costringendo IE11 a usare il woff. Ancora una volta, ha caricato la prima multa, ma non ha usato la seconda (tutti gli altri browser hanno caricato entrambi senza alcun problema).

Quando controllo la scheda di rete su IE, posso vedere la risposta di 200 per il primo carattere, ma non c'è nulla per il secondo carattere, con l'aspetto che potrebbe soffocare sul parse del css. Tuttavia, dato che le due dichiarazioni sono identiche a parte il nome del font, non riesco a capire perché possa essere.

Qualcuno ha qualche idea di cos'altro posso provare, perché ho finito le cannucce per afferrare?

risposta

8

IE 9 (e penso che 10 e 11) hanno un limite di 31 caratteri per la dichiarazione del nome del carattere. Si prega di provare e rinominare il nome del font in "FoundersGroteskX-CndWeb-Bld"; che è di 30 caratteri, solo per essere sicuri (perché questa limitazione di 31 caratteri include virgolette e punto e virgola.

+0

che ha fatto - la ringrazio molto, stavo andando fuori di testa! – jaucourt

+0

Lunga vita a IE e le sue stranezze. Rimarrai sorpreso nel vedere che questa limitazione non era presente in IE7/IE8: D –

+0

L'API di Windows ha sempre avuto una lunghezza del nome del font di massimo 30 caratteri. Vedere https://msdn.microsoft.com/en-us/library/2ek64h34.aspx per esempio. Quello che trovo strano è che i nomi più lunghi sembravano funzionare in IE7 e 8! Aspetta, e se questo fosse un bug in IE7 e 8 e questo ha coinvolto il sovraccarico del buffer, e il bug è stato finalmente risolto in IE9. –

0

come da precedente suggerimento Ho anche provato a minimizzare i nomi dei font ma questo ancora non funziona nell'ultimo IE:

</style> 
<style type="text/css"> 

@font-face { 
    font-family:"Avenir"; 
    src: url("./Fonts/Avenir.eot"); 
    src: url("./Fonts/Avenir.eot?#iefix") format("embedded-opentype"), 
     url("./Fonts/Avenir.woff") format("woff"); 
} 

</style> 

pensi che IE non accetta più i font WOFF

+0

Non penso che il problema sia il formato woff. I caratteri si caricano in altri browser? Quale versione di IE stai usando? I tipi di carattere woff vengono caricati in IE? – jaucourt

+0

SI caricano tutti bene in tutti i browser tranne IE! molto strano... – Gabriel

0

controllo di sicurezza font scaricare, va permettono di caricare l'icona del carattere

Passare a:?.

0.123.

IE> Opzioni Internet> Intranet> Livello personalizzato> Download> caratteri Scaricare

Problemi correlati