Il carattere di Montserrat non viene visualizzato su IE 10 e 11

Question

In questo sito Web http://themescreators.com/ela/ Sto utilizzando alcuni tipi di carattere Google. Tutti funzionano bene su Chrome, FF .. ma su IE 10 e 11 su Windows 7, il carattere "Montserrat" non viene visualizzato. Non ho davvero idea di quale possa essere il problema, IE è incompatibile con alcuni tipi di google?

Se visiti il ​​sito su Windows 7 vedrai chiaramente il problema, tutti "Montserrat" h1, h2 ... non sono visibili.

Grazie in anticipo!

Answer 1

Prima di tutto, non è stato definito alcun carattere secondario che può essere visualizzato se Montserrat non viene caricato correttamente. Questo è il motivo per cui nessun font è displayd.

h1, h2, h3, h4, h5, h6 { 
    font-family: Montserrat; 
    font-weight: 400; 
    font-style: normal; 
    color: #1C2334; 
} 

Si consiglia di impostare correttamente la famiglia di caratteri e aggiungere altri tipi di carattere per questi casi.

In secondo luogo, Montserrat non viene caricato correttamente poiché si tratta di un bug di IE11 che è stato segnalato su Google Font Directory e sullo MSDN Forum. Sfortunatamente non è stato ancora risolto.

Una soluzione può essere scaricare Google Web Fonts, caricarli con il proprio sito Web e definirli manualmente nei file CSS. Un altro modo può essere l'utilizzo di JavaScript Web Font Loader anziché quello predefinito.

Answer 2

Ho riscontrato un errore simile e anche il fatto di avere un font di fallback non ha risolto il problema. Il carattere di Montserrat si stava caricando correttamente, quindi il fallback non è mai stato caricato.

Come si è scoperto, l'utilizzo della regola CSS font-feature-settings ha causato il blocco di questo particolare font in IE10 e IE11 su Windows 7. (Anche se probabilmente causerebbe problemi simili per altri tipi di carattere).

La correzione è stato quello di disabilitare le modifiche di carattere di basso livello di font-feature-settings, utilizzando il prefisso specifico del fornitore IE:

/* Fix for IE10 and IE11 Montserrat font display issues. */ 
p { 
    -ms-font-feature-settings: normal; 
} 

Se possibile, è probabilmente meglio evitare font-feature-settings del tutto. OPPURE assicurati di disporre di un regime di prova in atto per testare le varie versioni del browser IE su ciascun sistema operativo Windows. Soprattutto perché il rendering dei font non è solo una funzione del browser, ma anche una funzione del sistema operativo sottostante.