Monday, September 24, 2012




Como usar tipos de letra de calidad para tu página web

Durante mucho tiempo los desarrolladores estabamos limitados a usar un número muy reducido de tipos de letra en nuestras páginas web. Esto se debe a que los tipos de letra que podemos ver en nuestras computadoras dependen de que tengamos los archivos necesarios para representarlas en nuestro sistema operativo. Si usan Windows habrán visto que hay una carpeta llamada FONTS en la carpeta de sistema de su disco duro. El usuario promedio se conforma con los tipos de letra que vienen por defecto al instalar el sistema operativo y nunca le agrega tipos nuevos. Esto hacía que si usábamos un tipo de letra que el visitante a nuestra web no tenía en su sistema operativo entonces era reemplazado por el tipo de letra asignado por defecto. Lo malo era que el tipo de letra por defecto era muy feo y nuestra web terminaba viéndose muy mal.


Por esta razón había que ir a lo seguro y usar un tipo de letra que sabíamos que de todas maneras iba a estar presente en toda PC, es decir: Arial, Verdana, Comic Sans y Times New Roman. Pero esto ocasionó que durante mucho tiempo tuviéramos páginas muy uniformes y pobres en cuanto a tipografía. Desde hace un tiempo este panorama cambió con la aparición de formas para convertir nuestros Fonts a otros más sofisticados mediante el uso de técnicas que empleaban javascript o flash.
Desde mayo del 2010 Google puso a disposición de los desarrolladores un API que permite usar tipos de letra que se cargan desde los servidores de Google. Desde su aparición este servicio ha ido incrementando su listado de fuentes disponibles llegando a superar los 200 fonts entre los cuales podemos encontrar muchos de gran calidad y vistosidad.
La forma de incluirlos es muy sencilla y al estar alojados en los servidores de Google el tiempo de carga es muy rápido.
Para ello primero deben dirigirse al siguiente enlace:
www.google.com/webfonts

fuente: http://www.ajaxperu.com/contenido/50/1/como-usar-tipos-de-letra-de-calidad-para-tu-pagina-web

NATALIA ARRIZ 
 

No comments:

Post a Comment