Domanda

Abbiamo recentemente sviluppato un sito Web con una forte dipendenza dal carattere fantastico come parte del suo design.Stiamo usando l'implementazione standard con prima: contenuto e il loro CSS fornito.

Per qualche motivo il carattere è fantastico non viene visualizzato in IE8.Ho passato un bel po 'di risoluzione dei problemi e provando varie correzioni, senza fortuna.

Ho:

    .
  • Imposta il mimetype di EOT su Application / VND.ms-Fontobject
  • Imposta il mimetype di OTF, TTF in applicazione / ottet-stream
  • eseguito html5shiv dopo che tutto è stato caricato tutto il CSS.
  • Vari tentativi di ricaricare il CSS o il DOM a pagina caricamento

    Ecco il sito web: http://www.tetakere.org.nz - La scatola di hotlinksè un buon esempio di font fantastico

    Qualcuno ha avuto qualche idea su altri approcci per ottenere questo sito Web per visualizzare il carattere fantastico?

È stato utile?

Soluzione

Dopo qualche doloroso risoluzione dei problemi, ho finalmente risolto.

La soluzione era di spostare il caricamento di HTML5Shiv dalla sezione <head> a poco prima del tag </body>.

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>
.

Altri suggerimenti

So che questa è una domanda più antica, ma ho avuto un sacco di problemi con questo problema e nessuna di queste risposte aiutata tranne l'ultimo.

ha cambiato la testa ...

Che cosa ha funzionato per me era:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
.

Anche questo funzionava (ultima risposta a cui mi riferivo):

<meta http-equiv="X-UA-Compatible" content="IE=8">
.

Inoltre, ho letto (< Forza IE Modalità di compatibilitàoff usando tag ) che dovresti mettere quel meta tag sopra tutti gli altri meta tag e prima di qualsiasi dichiarazione condizionale IE;Altrimenti il meta tag sarà invalidato.

Non avevo bisogno di html5shiv per ottenere fontawesome per lavorare in IE8. Questa risposta (re-creando il file .eot e la sostituzione del vecchio) ha risolto il mio problema.

Ho provato tutto, dal modificare i miei file di configurazione Apache e .htaccess senza fortuna.Negli strumenti di sviluppo IE sono inciampato su "Modalità documento" e il valore predefinito è stato IE7.Quindi, dopo alcune ricerche ho trovato questo meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=9">
.

Ora cioè 10 e 9 Formattare il mio sito Web correttamente e visualizza correttamente tutte le fantastiche icone dei font.

Se vuoi ancora IE 8 Compat, allora potresti iniziare con questo:

<meta http-equiv="X-UA-Compatible" content="IE=8">
.

Spero che aiuta ...

    .
  1. ha aggiunto questo a htaccess."Browsmatchatch Msie Best-Standards-support Set di intestazione X-UA-compatibile IE= 8 Env= Best-Standards-Support"
  2. Sto cercando di riconvertire il carattere EOT
  3. DOC Compactibility Mode Chnage
  4. PROVATO FUNZIONAMENTO USLEEP
  5. setinterval js
  6. Aggiungi Google HTML5 Script
  7. Chiama CSS nella parte del corpo per IE8
  8. Aggiungi dati-icon class
  9. ad pseudo elementi js
  10. Aggiungi filtri PNG & SVG in CSS
  11. Controllare il tipo di carattere Autorizzazione nel server

    Ma finalmente funziona quando aggiunge

    .

    .sass e .less css

    File

    Happy CoDing

Se stai usando IE8, è necessario aggiungere lo script html5.js come:

<!--[if lt IE 9]>
  <script     src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
.

funziona per me sono sicuro che funzionerà.Collegamenti di riferimento https://github.com/fortment/Fort-Awesome / Wiki / Risoluzione dei problemi # # Internet-Explorer-Compatibilità-Modalità

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top