Estoy trabajando en un site, usando fuentes de google personalizadas, pero en ie8 no funciona o solo parcialmente (deja contenido bueno, y un contenido correcto, ajax, no tan bueno) cualquier sugerencia o idea por qué no tan bueno?es decir, 8 problemas con la fuente de google personalizada
Gracias.
Acabo de ver su sitio web en modo de compatibilidad en IE8 de mi IE9, y yo aún no hay problemas de fuentes. Ejecuto la ventana 7, ¿puede publicar una imagen de sus problemas?
ACTUALIZACIÓN: me olvidó una cosa importante ... para comprobar sobre compability. IE7 e IE8 solo tienen compatibilidad "parcial" con font-face.
Para resolver el problema que tiene que utilizar un código similar a este, y convertir fuentes
@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?') format('eot'),
url('myfont-webfont.woff') format('woff'),
url('myfont-webfont.ttf') format('truetype'),
url('myfont-webfont.svg#svgFontName') format('svg');
}
Google está utilizando sólo Woff, mientras que usted tiene que cargar EOT, trutype y SVG así la plena la compatibilidad con los navegadores cruzados.
Puede convertir fuentes fácilmente en Font Squirrel, descargar la fuente de http://themes.googleusercontent.com/font?kit=tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA
Para obtener más información al respecto: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
En IE9 que funcione bien, si uso IE8, no IE9 con IE8 compatible, no funciona y no sé por qué. –
No puedo probar en IE8 nativo en este momento, pero creo que he resuelto el problema con mi respuesta de actualización – Littlemad
@Littlemad: +1 excelente enlace el uno de fontspring.com. –
En el modo de compatibilidad de IE9 e IE7 utilizando IE9 muestra fina; en el modo de compatibilidad IE8 e IE7 usando IE8 se ve muy mal, así que tendría que concluir que es un error oscuro en IE8.
No creo que haya mucho que pueda hacer al respecto, para resolverlo solo usaría los comentarios condicionales para direccionar IE8 e IE7 y usar verdana para esa sección. Y espero que desaparecen poco ...
PARA IE10 y por debajo y para todos los otros navegadores utilizan
@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?');
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
url('myfont-webfont.woff') format('woff'),
url('myfont-webfont.ttf') format('truetype'),
url('myfont-webfont.svg#svgFontName') format('svg');
}
He actualizado mi respuesta, me había olvidado de compability ... – Littlemad