Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 27 de mayo de 2009

FontJazz | como insertar cualquier fuente

FontJazzLevar a cabo un diseño con la inclusión de fuentes no seguras (aka Web Safe Fonts); deviene en frustaciones para quienes no conozcan o utilicen las técnicas de sIFR.

FontJazz es una propuesta Rasmus Schultz basada en JavaScript. Aunque en etapa beta, es un pequeño script que no requiere demandas del lado del servidor.

Este script utiliza DOM y trabaja con IE5+, Firefox 2+, Opera 9+, Google Chrome y otros navegadores que siguen los estándares.

La implementación en el HTML es muy sencilla, sólo requiere generar el script en la sección Jazz:

FontJazz | como insertar cualquier fuente

Para luego insertarlo de esta manera en el docuemento HTML:

<html>
<head>
<title>Neato!</title>
<script type="text/javascript" src="fontjazz.js"></script>
<script type="text/javascript" src="font.js"></script>
</head>
<body>
<h1>Wow! Fancy headlines!</h1>
<p>Gotta love it!</p>
<script type="text/javascript">
FontJazz.apply("h1", "font");
</script>
</body>
</html>


Sitio Web | FontJazz
Entrada relacionada | CSS Font Family
Share:

Publicidad

Estadísticas