Open Web Icons

Utilizar una tipografía para mostrar los iconos en nuestro proyecto es muy sencillo y además se pueden modificar, tanto en tamaño como color, sin perder calidad.

Open Web Icons es muy semple de usar.

1) Copiar OpenWeb Icons en una carpeta de nuestro proyecto.
2) En la hoja de estilos CSS copiar el siguiente código en la parte superior.

@font-face { font-family: 'OpenWeb Icons'; src: url('../font/openwebicons.eot'); src: url('../font/openwebicons.eot?#iefix') format('embedded-opentype'), url('../font/openwebicons.woff') format('woff'), url('../font/openwebicons.ttf') format('truetype'), url('../font/openwebicons.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; }

3) Utilizar de la siguiente manera

<i style="font-family:'OpenWeb Icons'"> A </ i>

Web Open Web Icons


Entradas relacionadas

Comentarios

Loading Facebook Comments ...

No Comments Yet.

No Trackbacks.