Google web fonts: link vs @import

Chrome, Firefox, Opera, Safari, IE... ¿cuál usar? ¿por qué? ¿dudas?...
Responder
Avatar de Usuario
jProgr
Nivel 7
Mensajes: 706
Registrado: 08 May 2009, 00:13
Contactar:

Google web fonts: link vs @import

Mensaje por jProgr »

Uso Google web fonts de cuando en cuando y siempre me he preguntado cuales son las ventajas o desventajas de usar la etiqueta link

Código: Seleccionar todo

<link href='http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco' rel='stylesheet' type='text/css'>
o el import en el CSS

Código: Seleccionar todo

@import url(http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco);
Avatar de Usuario
Alejandro
Administrador
Mensajes: 4111
Registrado: 04 May 2009, 18:28
Twitter: @spamloco
Ubicación: Uruguay
Contactar:

Re: Google web fonts: link vs @import

Mensaje por Alejandro »

Las dos hacen lo mismo creo, pero link es mejor por un tema de accesibilidad.

Acá me encontré en detalle para todo lo que sirve: http://accesibilidadenlaweb.blogspot.co ... -para.html
Avatar de Usuario
Alejandro
Administrador
Mensajes: 4111
Registrado: 04 May 2009, 18:28
Twitter: @spamloco
Ubicación: Uruguay
Contactar:

Re: Google web fonts: link vs @import

Mensaje por Alejandro »

Más info en el inglés: don’t use @import

http://www.stevesouders.com/blog/2009/0 ... se-import/
Avatar de Usuario
elQuique
Moderador
Mensajes: 2227
Registrado: 05 May 2009, 18:43
Twitter: @elQuique
Ubicación: Florida, Uruguay
Contactar:

Re: Google web fonts: link vs @import

Mensaje por elQuique »

Es sencillo y eso lo soluciona google translate.

Link enlaza

Import importa

:) y ahí ya ves cacheo, peso, etc, etc.
Responder