a pesar de funcionar sin problemas en IE8 y otros navegadores, @Font-Face Encuenters muestra dificultades en IE9. Este problema surge específicamente en el sitio en vivo, mientras que la visualización local en la computadora del usuario no presenta ningún problema.
El código CSS en cuestión es:
@font-face { font-family: 'LeagueGothicRegular'; src: url('league_gothic_0-webfont.eot'); src: local('League Gothic Regular'), url('league_gothic_0-webfont.woff') format('woff'), url('league_gothic_0-webfont.ttf') format('truetype'), url('league_gothic_0-webfont.svg#webfonta36nFpyE') format('svg');font-weight: normal;font-style: normal; }
se ha informado un problema similar, con la fuente que funciona en todas las versiones de IE excepto IE9. Sin embargo, cambiar el modo de documento (a través de las herramientas del desarrollador F12) resuelve el problema, aunque no es ideal.
update:
La investigación ha revelado que IE9 utiliza la variación de font .woff en lugar de la versión .Eot prevista. Al incluir las variaciones de fuentes completas generadas por el generador FontSquirrel @Font-Face y usar la técnica Smileyface-Local, el problema se ha resuelto:
@font-face { font-family: "LucidaFax-bold"; src: url("_font/LucidaFax-bold.eot"); src: local("☺"), url("_font/LucidaFax-bold.woff") format("woff"), url("_font/LucidaFax-bold.ttf") format("truetype"), url("_font/LucidaFax-bold.svg#LucidaFax-bold") format("svg"); } h1 { font-family: "LucidaFax-bold", serif;}
Además, la marca "Tarquin" Wilton-Jones text-shadow Hack se ha empleado para lograr un estilo visual consistente en las versiones del IE.
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.
Copyright© 2022 湘ICP备2022001581号-3