2014-11-04 18 views
7

Uso il carattere di Montserrat sul mio sito Web, ma non viene visualizzato su IE11 (Windows 7). Ho messo quest'altra domanda qualche giorno fa: Montserrat font isn't displayed on IE 10 and 11Come rendere questo carattere Google funziona su Internet Explorer 11

Ora sto provando ad aggiungere il carattere di google di Montserrat attraverso il css ma non sembra funzionare. Questo è il mio codice:

@font-face { 
    font-family: 'Montserrat'; 
    src: url('assets/fonts/montserrat-regular-webfont.eot'); 
    src: url('assets/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('assets/fonts/montserrat-regular-webfont.woff2') format('woff2'), 
     url('assets/fonts/montserrat-regular-webfont.woff') format('woff'), 
     url('assets/fonts/montserrat-regular-webfont.ttf') format('truetype'), 
     url('assets/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 
+0

possibile duplicato di [carattere Montserrat non visualizzato su IE 10 e 11] (http://stackoverflow.com/questions/26356540/montserrat-font-isnt-displayed-on-ie-10-and-11) – Prisoner

+0

Io commento che sulla domanda, creo la domanda che mi riferisci, ma ora sto cercando di fare ciò che la risposta alla domanda ha detto e ho problemi – ThemesCreator

+0

lo so, ma non ho potuto vedere alcuna differenza nelle tue domande. Mi scuso se ho perso qualcosa .. – Prisoner

risposta

8

Usa:

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); 

Per chiamare all'interno della vostra foglio di stile e:

font-family: 'Montserrat', sans-serif; 

per fare qualcosa di quel tipo di carattere ..

Da font google : "Nota: per la migliore visualizzazione in IE, rendere il tag del foglio di stile il primo elemento nella sezione HTML. In IE, se il collegamento è inserito dopo i tag, l'intera pagina bloccherà e non visualizzerà nulla finché non verrà caricato il carattere. "

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 

Se questo non funziona, provate questo: https://developers.google.com/fonts/docs/webfont_loader#Example

Questo renderà tutti i browser "comportarsi come Firefox".

+1

grazie, ma questo non funziona o – ThemesCreator

+0

@Genethic vedi risposta aggiornata :) Se ciò non funziona, prova questo: https://developers.google.com/fonts/docs/webfont_loader#Example – Refilon

+0

@Genethic ha fatto l'esempio dato da Deer-Outdoor.nl per risolvere il tuo problema? – Montag451