L'hash è necessario nelle dichiarazioni svg font-face?

@font-face 
    font-family: 'AllerRegular' 
    src: url('/fonts/aller/aller_rg-webfont.eot') 
    src: url('/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg') 
    font-weight: normal 
    font-style: normal

Nell'esempio sopra, sto aggiungendo una versione svg di questo font ma non sono sicuro che l'ID sia corretto. Se c'è un solo font incluso in questo SVG è necessario avere l'id corretto?L'hash è necessario nelle dichiarazioni svg font-face?

fonte

2012-09-17 Mateusz Wijas

Non provare con e senza l'hashtag rispondere a questa domanda? – Chris

Pensavo che qualcuno potesse essere fuori mano. Penso che questi file di carattere siano usati solo per ipad/iphone e non sono in grado di accedere a questa app attualmente su entrambi i dispositivi. –

Sì, è obbligatorio. This article dice:

Nel codice CSS in precedenza, si può effettivamente vedere che la versione SVG ha bisogno di un info extra, il suo ID, dopo l'hashtag (#) nel nome del file dichiarazione. Se non lo riempi non funziona, quindi è necessario trovare aprendo il file SVG in un documento TXT o nel blocco note e cercare la riga seguente, vicino alla parte superiore della pagina.

E this one dice:

Con font SVG, hanno anche bisogno di un #hashtag;

L'hashtag è semplicemente un puntatore all'ID del carattere definito all'interno di SVG. Se non lo includi, verrà caricato l'intero file SVG, comprese le intestazioni SVG che impediscono il riconoscimento del font.

fonte

2012-09-17 20:37:46 Chris

finalmente qualcuno lo spiega, +1 – Mark

Supponiamo di avere un percorso come 'fonts/thefont.svg # thefont' - puoi aggiungere una versione GET variabile, ad esempio 'fonts/thefont.svg # thefont? V = 3.2.1 '? Chiedo perché non è stato possibile caricare un font SVG in Chrome con la variabile GET allegata. – aendrew

@aendrew Probabilmente hai bisogno di scambiare le tue parti URL, perché tutto dopo l'hash è * non * inviato al server. Quindi prova 'thefont.svg? V = 3.2.1 # thefont'. Non l'ho provato, ma è più probabile che funzioni. –

L'hash è necessario nelle dichiarazioni svg font-face?

risposta

Problemi correlati