Warning: Parameter 2 to qtranxf_postsFilter() expected to be a reference, value given in /homepages/13/d453312522/htdocs/clickandbuilds/EstudiLlimona/wp-includes/class-wp-hook.php on line 286
Diseño & Programación Páginas Web | Como crear tus propios iconos en CSS3 | Estudi Llimona
Warning: Parameter 2 to qtranxf_postsFilter() expected to be a reference, value given in /homepages/13/d453312522/htdocs/clickandbuilds/EstudiLlimona/wp-includes/class-wp-hook.php on line 286

Warning: Parameter 2 to qtranxf_postsFilter() expected to be a reference, value given in /homepages/13/d453312522/htdocs/clickandbuilds/EstudiLlimona/wp-includes/class-wp-hook.php on line 286

Envíanos tu CV aquí 

Estudi Llimona

Estudio en Mallorca
Programación y Diseño web

Como crear tus propios iconos en CSS3


Warning: Parameter 2 to qtranxf_postsFilter() expected to be a reference, value given in /homepages/13/d453312522/htdocs/clickandbuilds/EstudiLlimona/wp-includes/class-wp-hook.php on line 286

Si quieres crear tus propios iconos y no utilizar siempre los iconos de fontawsome, en el link de más abajo tienes un tutorial de cómo hacerlo  hecho por CristalLab (está en español)

http://www.cristalab.com/tutoriales/crea-tus-propios-icon-fonts-en-illustrator-y-usalos-en-css3-c113840l/

En resumen son tres pasos importantes:

  1. Crear en vectores, en Adobe Ilustrator por ejemplo, los iconos y exportarlos por separados en SVG
  2. Con la herramienta que nos ofrece IcoMoon transformamos los SVG en un paquete de fuentes que no sdescargamos en un zip
  3. Este zip contiene un ejemplo, así que si ya has utilizado fontawasome sabrás como manejar tu CSS3

 

Add comment

... equipo multidisciplinar

Este sitio web utiliza cookies para que tengas una mejor experiencia de usuario. Si continuas navegando estás dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies. Haz click en el enlace para mayor información.

ACEPTAR
Aviso de cookies