Optimiza tus imágenes gratis sin perder calidad y mejora la velocidad de tu página web: Compresor de Imágenes JPG/PNG/GIF

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

66 Smart Words, proyecto de ilustraciones tipográficas por Bachir Bachchar

El ilustrador y amante de la tipografía Bachir Bachchar con sede en Marruecos; ha realizado un interesante proyecto tipográfico que emana dedicación. 66 Smart Words es en conjunto una serie de ilustraciones tipográficas realizadas para…

close

Lista de estrenos Netflix para agosto 2017

Como cada mes Netflix renueva y amplia su catálogo en cada uno de sus territorios; donde presenta nuevos contenidos y series originales, las cuales vale la pena ver; en segunda parte del 2017 Netflix por…

close

Guía para aprender a utilizar Adobe Illustrator

El pasado viernes compartimos con ustedes 33 vídeos que serían útiles como guía para principiantes sobre como aprender a usar photoshop; los cuales, en verdad son útiles si pretendes utilizarlos para incursionar en el mundo…

close

Satíricas ilustraciones sobre la realidad social por Sébastien Thibault

Hay muchos problemas en el mundo; muchos de ellos son ocasionados por personajes específicos o acciones que marcan el rumbo del planeta; las cuales, a pesar de su relevancia pueden ser plasmadas satíricamente por los…

close

Como hacer un logo en photoshop de manera fácil y rápida

Hacer un logotipo es una de las cosas más importantes para crear una identidad visual y de marca; no obstante, la manera de realizarlos puede causarnos dolor de cabeza, especialmente si no conocemos como funcionan…

close

Hiperrealista escultura de una ballena crea conciencia en las calles de París

El grupo artístico y creativo Captain Boomer ha realizado una fantástica obra para crear concia sobre el cambio climático; la cual, consta de la creación y colocación de una hiperrealista escultura de una ballena al costado del…

notifications Recién publicamos
close