Cómo usar fuentes personalizadas mediante CSS
Publicado el Lunes 15 de Octubre del 2007 @ 1:25 por Armonth.
Leo (con retraso) a Andrés Nieto que habla sobre @font-face, una propiedad de CSS que justo ahora WebKit ha empezado a soportar.
Esto permite especificar una fuente personalizada que se descarga desde nuestra web:
@font-face {
font-family: "Kimberley";
src: url(http://www.princexml.com/fonts/larabie/ »
kimberle.ttf) format("truetype");
}
h1 { font-family: "Kimberley", sans-serif; }
La idea no es nueva y ya recuerdo hace tiempo un intento parecido por parte de Internet Explorer 5.5/6 que no llego a buen puerto, además en anteriores versiones de CSS se incorporó y posteriormente eliminó (por problemas) la propiedad @font-face.
También existen asuntos legales ya que muchas fuentes no son libres y su uso en sitios web puede dar dolores de cabeza por cuestiones de copyright…
El hecho de que sea vía CSS sin duda ayudará a que aumente la uniformidad entre plataformas y poder ver diseños más vistosos… aunque es posible que en un par de años veamos entradas de “recomendaciones” tipo: “no abuses de @font-face” o “no pongas fuentes de más de 20KB” al igual que ya pasó con (el abuso de) AJAX.
De momento la propiedad no está soportada por la mayoría de navegadores, incluyendo Mozilla Firefox ni Internet Explorer así que toca esperar (y rezar)…
PD: mi bola de cristal también dice que sacarán entradas de trucos para eliminar de $tu-navegador-favorito el soporte de @font-face para evitar atentados al buen gusto (¿alguien dijo Comic Sans powered edition?).
4 Comentarios (feed)
-
eduo nos comenta:
Que gracia. Una de las cosas más solicitadas desde el 95 y nadie comenta nada al respecto :)
IE y Mozilla, ambos, tienen sus propias formas propietarias de hacer esto (no sólo IE), pero no llegaron a buen puerto en ningún caso precisamente porque los baches de las licencias de tipografías nunca llegaron a resolverse.
Sobre el copyright hay diferentes opiniones pero la más popular estos días es que el que distribuye es el responsable (bastante sensible decisión). Esto es: Si tu tienes cierto tipo de licencia entonces es tu responsabilidad atenerte a esa licencia, no de los demás.
Si las tipografías que bajas se cachean de una forma que no haya trivial su copia (como con el caché de los navegadores actualmente, de hecho) es posible que cuele. Lo malo es si te baja ficheros .TTF y te los pone en el escritorio o, peor aún, en el sistema.
Si al final se limpian esos problemas pasará como con el BLINK y el MARQUEE (o las animaciones o botones en Java hace unos años). Muchos lo usarán, se llegará al consenso de que es hortera y lo seguirán usando un puñado que se considere a sí mismo innovador, alternativo e independiente.
Ya hay trucos para eliminar, por cierto. Esto no tiene diferencia de cualquier otro CSS y con extensiones o CSS locales puedes siempre machacar el css remoto.
-
gorka nos comenta:
creo que las web que utilizan Comoc Sans directamente usan la etiqueta asi que como no la prohiban tambien´..
-
minombresbond nos comenta:
la situacion es parecida a la de las imagenes linkeadas en los documentos html o propiedades css… esas imagenes tambien pueden tener restricciones de copyrigth y sin embargo, cada navegante baja copia a su cache, por que con las fuentes tiene q ser distinto?
a raiz de la conferencia q hakon wium lie (el cto de opera) dio en Libre Graphics meeting me puse a averiguar del tema, la verdad que es un escandalo q a esta altura diseñadores y usuarios sigamos sometidos al mswebcorefont!!!
http://www.disenolibre.org/minombresbond/lgm-2008-hakon-wium-lie-promoviendo-la-idea-de-webfonts
saludos!
-
berthely nos comenta:
Maldita sea tendremos que seguir usdando los trucos hasta que se pongan de acuerdo, por cierto ya salio el google Chrome aver que tal…