2015-03-30 9 views
29

This exception occurs in here. È possibile riprodurlo in IE11. Finora non ho trovato la causa del problema. Qualche idea per cui questo è stato causato?@ font-face failed OpenType verifica del permesso di incorporamento. L'autorizzazione deve essere Installabile

enter image description here

CSS3114: @ font-face fallito OpenType embedding di controllo il permesso. Il permesso deve essere Installabile. File: 53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf

Il sito è in esecuzione su piattaforma Azure sito web e sta usando ASP.NET MVC 5.

+0

Ho lo stesso errore in IE11; ma se confronto l'aspetto in IE11 e in Firefox 31 i caratteri sembrano identici. Se guardo gli strumenti di sviluppo, l'attributo css 'font-family' è impostato sul carattere corretto. Qualcuno sa se il font che viene renderizzato è '@ font-face' dal file' * .ttf' che non è stato possibile installare? In altre parole, potrebbe essere che nonostante l'errore 'CSS3114' il carattere desiderato sia caricato e visualizzato? – surfmuggle

+0

Sulla base del suggerimento di @ NathanOliver, sto postando un commento invece di una risposta. Se hai bisogno di convertire il font in futuro, vedi la mia risposta qui: http://stackoverflow.com/a/34209206/904344 – NobleUplift

+1

Usa un addon chrome come WhatFont per verificare quale font è effettivamente utilizzato – Ringo

risposta

18

fisso con l'aggiunta di

<staticContent> 
    <mimeMap fileExtension=".woff" mimeType="application/octet-stream" /> 
</staticContent> 

sotto

<system.webServer> 

nel web.config.

Edit:

per evitare eventuali problemi con conseguenti rilasci vi consiglio di fare questo:

<staticContent> 
     <remove fileExtension=".woff" /> 
     <mimeMap fileExtension=".woff" mimeType="application/octet-stream" /> 
</staticContent> 
+0

Potresti aggiungere informazioni se il rendering della pagina/elemento visualizzato è stato reso diverso prima di applicare la correzione? – surfmuggle

+1

@threeFourOneSixOneThree se riesco a ricordare correttamente non ho notato nessun cambiamento. –

+2

Quale potrebbe essere la soluzione NodeJS equivalente? – vinesh

0

IE non supporta .ttf basta usare .eot file dei font

@font-face { 
    font-family: 'Font-Name'; 
    src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'); 
    src: url('../fonts/Font-Name.ttf') format('truetype'); 

}

7

risposta sibaspage mi ha indirizzato nella giusta direzione. Ma vedo ancora il messaggio di errore in IE11. Per me ha funzionato usando la seguente sintassi:

@font-face { 
    font-family: 'Font-Name'; 
    src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/Font-Name.ttf') format('truetype'); 
} 
+0

per favore può si rimuove la risposta in quanto è uguale a quella sopra –

+1

@jakub Com'è la stessa? in realtà quella sopra è sbagliata, non è possibile impostare "src" più volte – mhyassin

+0

Ha funzionato per me. Grazie! –