2012-09-17 16 views
19
@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 

En el ejemplo anterior, estoy agregando una versión svg de esta fuente, pero no estoy seguro de que la identificación sea correcta. Si solo hay una fuente incluida en este SVG, ¿es necesario tener la identificación correcta?¿Es necesario el hash en las declaraciones svg font-face?

+4

¿No intentaría con y sin el hashtag responder esa pregunta? – Chris

+0

Estaba pensando que alguien podría estar fuera de lugar. Creo que estos archivos de fuentes solo se usan para iPad/iPhone y no puedo acceder a esta aplicación actualmente en ninguno de los dispositivos. –

Respuesta

40

Sí, es obligatorio. This article dice:

En el código CSS anterior, en realidad se puede ver que la versión SVG necesita una información adicional, su identificación, después de que el hashtag (#) en el nombre del archivo de declaración . Si no lo completa, no funciona, por lo que necesita encuentre esta información abriendo el archivo SVG en un documento TXT o en el bloc de notas y busque la siguiente línea, cerca de la parte superior de la página.

Y this one dice:

Con fuentes SVG, también necesitan un #hashtag;

El hashtag es simplemente un puntero al ID de la fuente definida dentro del SVG. Si no lo incluye, se cargará todo el archivo SVG, incluidos los encabezados SVG que evitan que se reconozca la fuente.

+1

finalmente alguien explica esto, +1 – Mark

+1

Digamos que tiene una ruta como 'fonts/thefont.svg # thefont' - puede agregar una versión de la variable GET, es decir, 'fonts/thefont.svg # thefont? V = 3.2.1 ¿? Lo pregunto porque no pude cargar una fuente SVG en Chrome con la variable GET adjunta. – aendrew

+0

@aendrew Probablemente necesites intercambiar las partes de tu URL, porque todo el hash * * no se envía al servidor. Entonces intente 'thefont.svg? V = 3.2.1 # thefont'. No lo he probado, pero es más probable que funcione. –

Cuestiones relacionadas