Utiliza cualquier tipografía en web con Javascript

Typeface.js es la librería javascript esperada por muchos diseñadores, typeface mediante el uso de <canvas/> se encarga de que puedas utilizar en tu sitio web cualquier tipografía que desees.

Es decir normalmente en un diseño web únicamente puedes utilizar tipografías como Verdana, Arial, Georgia u cualquier otra con el único requisito que esa fuente exista en el equipo de tu visitante, cosa que generalmente no sucede.

Typeface soluciona este detalle dando la posibilidad de usar cualquier tipografía sin necesidad de preocuparte, como se hace y cuales son su ventajas en comparación a otras alternativas como sIFR3 y FLIR?

Ventajas

  • Legibles para buscadores
  • No es necesario Flash ni PHP, solo javascript el 99% de los navegadores lo tiene.
  • Multiplataforma
  • Fácil de utilizar
  • Ligero
  • Permite seleccionar y copiar el texto

Como utilizarlo?

1.-Descargar la libreria TypeFace.js

2.-Renombrar la fuente que deseas utilizar por ejemplo de: helvetica.ttf > helvetica.typeface.js

3.-Utilizar el siguiente codigo en la cabezera <head>

<script type="text/javascript" src="typeface-0.10.js"></script>  <script type="text/javascript" src="helvetiker_regular.typeface.js"></script>  <div class="myclass typeface-js" style="font-family: Helvetiker">  Text here in Helvetiker font...  </div>

Eso es todo en caso de que el script no pueda cargar la fuente personalizada esta mostrara automáticamente la dispuesta como fuente por default para el sitio web.

Si quieres puedes ver algunos ejemplos del uso de este excelente script:

Vía: Render text with javascript typeface

comment ¿Que opinas?

Artículos recientes

close

Gothan Brewery, creativo diseño de packaging inspirado en personajes de DC Comics

La inspiración puede venir de cualquier parte desde un sueño hasta el amor por nuestro personaje o universo favorito; tal es el caso del estudiante de diseño Dmitry Kultygin quien ha realizado un genial proyecto de…

close

Fotografías a color que nos muestran como se vivió la Segunda Guerra Mundial

Con las crecientes tensiones mundiales patrocinadas por algunos mandatarios conflictivos es común encontrar en la red bromas con respecto del inicio de una Tercera Guerra Mundial; no obstante, la guerra no es ningún juego y…

close

SolarCan, una cámara capaz de retratar la trayectoria del sol

SolarCan es un diseño de cámara que podría ser de interés para los amantes de la fotografía y la astronomía; lo anterior es debió a que esta cámara es capaz de retratar y señalar de…

close

Retratos animales realizados en plumas por Krystle Missildine

  El día de hoy compartimos con ustedes el trabajo de la artista Krystle Missildine; la cual, trabaja con materiales un poco peculiares como podrán darse cuenta; Krystle ha realizado una colección de retratos animales…

close

Skol Beer, apoya la diversidad con su nuevo diseño de Branding

Como parte de una edición especial la marca de cerveza inglesa conocida como Skol; celebra la diversidad de razas con su nuevo diseño de Branding; este diseño nos trata de recordar una vez más que…

close

Diseñadores proponen diseño de billetes en argentina para promover el turismo

El dinero es una de las herramientas de mayor uso día con día en todo el mundo; es por eso, que suele ser visto como una herramienta de Marketing nacional desperdiciada en muchos lugares; razón…

notifications Recién publicamos
close