6
<!doctype html> 
<html> 
    <head> 
    <title>Test Ubuntu</title> 
    <link href="http://fonts.googleapis.com/css?family=Ubuntu:regular" rel="stylesheet" type="text/css" /> 
    <style> 
    body { font-family: 'Ubuntu', sans-serif; } 
    </style> 
    </head> 
    <body> 
    Test Ubuntu 
    </body> 
</html> 

muestra la fuente en chrome y firefox ... pero en ie9, si agrego la línea doctype, se rompe? funciona bien sin eso.ie9 doctype and fonts?

me gustaría hacerlo funcionar en los tres navegadores (con doctype? Porque a veces otras cosas como css se basan en tener doctype allí? O no se ve bien sin él) si es posible?

gracias!

Respuesta

3

En realidad, esto parece ser una característica. Si se enciende la barra de herramientas de desarrollador (F12), seleccione la pestaña "escritura", y pulsa refrescar en esta página de prueba, debería ver algo como esto:

CSS3117: @font-face failed cross-origin request. Resource access is restricted. font?kit=_tMhxyW6i8lbI7YsUdFlGA

Parece que este es contestada en una different post.

0

si añado

<meta http-equiv="X-UA-Compatible" content="IE=8" /> 

entonces puedo añadir la línea de tipo de documento nuevo en sin romper las fuentes en IE9 ..

gracias :)

+0

pero aún http://www.google.com/webfonts/preview funciona en modo ie9 así que idk –

+1

no es realmente una solución ... puede arreglar tus fuentes, pero romperá muchas otras cosas si te caes volver al modo IE8. : -/ – Spudley

+1

La diferencia puede ser que en el sitio web de vista previa de Google la fuente se sirve desde el mismo dominio que la página, pero en el suyo la fuente se está publicando desde un dominio diferente. – Gaurav

2

puede usted por favor trate de añadir el contenido en el elemento STYLE a un archivo css y reemplazar STYLE con un elemento LINK referido a él?

IE ejecuta scripts en línea antes de scripts externos, esto puede ser un error/característica similar.

+0

parece comportarse igual con un css externo –