html - google - dos @ font-face que no actúan como el otro

font face sass

Question

¡Estoy usando dos @ font-face en CSSreset.css exactamente como el uno al otro, y solo uno de ellos funciona! Este es el código de estilo:

@font-face {
font-family: ''B Mitra'';
src: url(''./fonts/B Mitra.eot'');
src: url(''./fonts/B Mitra.eot?#iefix'') format(''embedded-opentype''),
url(''./fonts/B Mitra.woff'') format(''woff''),
url(''./fonts/B Mitra.ttf'') format(''truetype''),
url(''./fonts/B Mitra.svg#webfont'') format(''svg'');
}
@font-face {
font-family: ''BBCNassim'';
src: url(''./fonts/BBCNassim.eot'');
src: url(''./fonts/BBCNassim.eot?#iefix'') format(''embedded-opentype''),
url(''./fonts/BBCNassim.woff'') format(''woff''),
url(''./fonts/BBCNassim.ttf'') format(''truetype''),
url(''./fonts/BBCNassim.svg#webfont'') format(''svg'');
}

El segundo @ font-face no funciona bien. así es como los uso en mi hoja de estilo:

#Download > a {
font-family: ''BBCNassim'';
}

Esto no funciona y muestra la fuente "tahoma". lo más extraño es que, si la fuente "BBCNassim" no se carga correctamente, se muestra la fuente predeterminada del navegador. Entonces, cuando uso font-family: ''BBCNassim''; , la fuente será tahoma.

Esta es la fuente de la bruja "B Mitra" que muestra y carga correctamente:

#Map_Eshterak {
font-family: ''B Mitra'';
}

IMAGEN EN PANTALLA: http://i.imgur.com/UXmSOmJ.jpg

El problema no es de la fuente; porque si copio las fuentes "B Mitra" y cambio el nombre a "BBC Nassim", ocurrirá lo mismo.

• este es mi directorio: http://i.imgur.com/xV6R8lw.png

Answer 1

¿Podrían ser los selectores de CSS que estás usando? Funciona si cambias tu código a:

#Map_Eshterak {
font-family: ''BBCNassim'';
}

Y como nota al margen, una vez que lo hagas funcionar es posible que quieras dar una pila de fuentes, en caso de que tus fuentes @ font-face no se carguen correctamente. (Por ejemplo, font-family: ''BBCNassim'', Helvetica, sans-serif; mostrará Helvetica si BBCNassim no está disponible)