Para los programadores web uno de los problemas más comunes son el tema de las fuentes, ya que estas suelen cambiarse dependiendo del navegador y de las fuentes disponibles del sistema del usuario. Los programadores deben asegurarse de que sus trabajos tendrán el mismo diseño en cualquier navegador y sea cual sea las fuentes del usuario.
Existen varias forma de solucionar este problema y uno de los más comunes son el uso de fuentes por defectos pero el diseño no suele tener una pinta demasiada atractiva. Por suerte Google tiene disponible una librería de fuentes online y es todo una sorpresa ver las maravillas en tipografía para tener una web sin igual con un diseño increíble.
La uncia pega es siempre una cuestión de compatibilidad, así que antes de aplicar las tipografías en su web tienes que verificar si tus usuarios tienen un navegador compatible:
- Google Chrome: versión 4.249.4+
- Mozilla Firefox: versión: 3.5+
- Apple Safari: versión 3.1+
- Microsoft Internet Explorer: versión 6+
A continuación expongo los pasos básicos para usar las fuentes:
- Entra en Google Web Fonts.
- Elige la mejor fuente y haz clic en quick use ya te saldrán los códigos necesarios para incluir en tus paginas.
- Pega la librería en la cabecera de la pagina:
link href=’http://fonts.googleapis.com/css?family=NOMBRE_DE_FUENTE’ rel=’stylesheet’ type=’text/css’
Agrega las propiedades en tu pagina de css:
h1 { font-family: ‘NOMBRE_DE_FUENTE’, Arial, serif; font-weight: 400; }
Ya puedes mejorar tus diseños online pero ten en cuenta a tus usuarios ya que un proyecto no tiene sentido online si las personas interesadas no lo pueden disfrutar.
entradas
comentarios
1.467 followers
168 seguidores
