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

14 Maneras para mejorar tu disciplina y salud, para ser mas productivo

Les comparto una interesante infografía que lista maneras para mejorar tu disciplina y salud, tips que como principal beneficio te ofrecerán una mejor calidad de vida que te permitirá ser mas productivo. La infografía esta…

close

Este es el nuevo logo para la Serie Mundial de Beisbol 2017

La MLB ha publicado los que serán los nuevos logos para la Serie Mundial de Beisbol 2017 y la post temporada de las grandes ligas, los nuevos logos no han sido del agrado de muchos,…

close

Choose Life, ‘la vida no es un trofeo’ campaña gráfica contra la caza furtiva

Choose Life, es una campaña gráfica realizada por ASPAS (Asociación de Protección de Animales Salvajes); esta campaña consta de la reproducción de fotografías que gente posando alrededor de animales salvajes; los cuales son victimas de…

close

Icons of Times, exposición fotográfica del tsunami que azotó japón en 2011

Tomohiro Muda es el responsable y creador de esta exposición fotografica que busca rememorar el desastre natural originado por un tsunami en las costas de Japón el pasado año 2011. En esta exposición fotográfica nos…

close

YouTube Sans, la tipografía oficial de la marca YouTube

Tipografía oficial de la marca YouTube – YouTube Sans YouTube y Google siempre están buscando como renovar sus marcas con nuevos diseños que representen su originalidad; razón por la cual han trabajado con la empresa…

close

Surrealistas obras de arte inspiradas en pesadillas por Zdzis?aw Beksi?ski

El día de hoy hemos decidido empezar la semana con un poco de arte; y que mejor forma de empezar con uno que represente exactamente como nos sentimos por el inicio de la semana. Es…

notifications Recién publicamos
close