SPRITES
Imagina que diseñas un sitio web, ahora imagina que utilizas un tipo de letra extravagante y te queda fantástico, pasa el tiempo y visitas tu página desde otro ordenador y, ¡sorpresa! la fuente tipográfica es Arial, Times New Roman o cualquier otra menos la que elegiste, ¿por qué? esto ocurre debido a que la computadora del visitante no tiene la fuente instalada.
Hay 4 soluciones:
- Solicitar a los visitantes que instalen nuestra maravillosa fuente tipográfica (bueno, realmente no creo que sea una solución).
- Utilizar Scripts (los cuales son... no muy ligeros por no decir pesados)
- Usar las Google Font API.
- Usar CSS (el método más fácil en una página web "normal", pero complicado en Blogger).
Iván me pregunta cómo usar la fuente Avatar en su blog de Blogger usando CSS, y como un blog viene siendo como un diario, contaré lo que fui aprendiendo y trataré de explicarlo de manera simple, entendiendo que simple no implica que sea fácil.
@font-face es una propiedad con la que podemos usar cualquier tipografía sin necesidad de tenerla instalada, esto es poco conocido pero no es nada nuevo, ha sido implementada en Internet Explorer desde la versión 5 usando el formato de fuentes Embedded Open Type (.eot).
