10 tipografías gratuitas hechas con iconos

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

Una de las mejores maneras de mejorar la carga de nuestros sitios web, es la de intentar utilizar la menor cantidad posible de imágenes en el diseño de los mismos. Para ello, podemos utilizar diversas técnicas CSS para sustituir dichas imágenes y realizar algunos de los efectos que necesitemos. Sin embargo, siempre hay que utilizar algunas imágenes porque no es posible sustituirlas con CSS.

En el caso de los iconos que utilizamos en nuestros trabajos, también podemos sustituirlos con @font-face gracias a las tipografías compuestas por símbolos. Además de mejorar la carga reduciendo las peticiones al servidor, también disponemos de diversas medidas de icono según el tamaño que dispongamos en la fuente.

A continuación os dejo una lista de 10 tipografías gratuitas compuestas por iconos:

Social Media Icons Pack

Social Media Icons Pack

Modern Pictograms

Modern Pictograms

 

Font Awesome

Font Awesome

Foundation Icon Fonts 2

Foundation Icons 2

Raphaël Icon-Set

Raphael Icon-Set

Entypo

Entypo

  • Número de iconos: 150
  • Página de descarga: Entypo

PulsarJS

PulsarJS

  • Número de iconos: 73
  • Página de descarga: PulsarJS

Iconic

Iconic

  • Número de iconos: 171
  • Página de Descarga: Iconic

Ligature Symbols

Ligature Symbols

A Free Icon Webfont

A Free Icon Webfont

Empecé a tocar ordenadores a mediados de los 90 embelesado por el auge de la era multimedia y las posibilidades que ofrecían aquellos cacharros ahora antediluvianos. Con el boom de internet empecé a interesarme por la confección de webs y me centré en aprender HTML y CSS cuando mis necesidades creativas me pedían tener algún tipo de presencia en la red y tras crear un blog con Wordpress, empezó lo que ahora es mi profesión.

Comentarios arrow

Escribe un comentario

Tu e-mail no será publicado. Los campos marcados con un asterisco son obligatorios.