SummArg | Cursos y recursos para webmasters

Typicons, iconos webfont

Typicons es un set de 308 iconos, y creciendo, en formato vectorial y del tipo webfont. Para utilizarlos en nuestros proyectos primero debemos descargarlos y linkear el archivo CSS a nuestro proyecto o bien incluir el siguiente CSS en nuestra plantilla de estilos:

@font-face {
font-family: 'typicons';
src: url("path/to/typicons.eot");
src: url("path/to/typicons.eot?#iefix") format('embedded-opentype'),
url("path/to/typicons.woff") format('woff'),
url("path/to/typicons.ttf") format('truetype'),
url("path/to/typicons.svg#typicons") format('svg');
font-weight: normal; font-style: normal; }

Luego en cualquier parte de nuestro proyecto colocamos de la siguiente forma el icono escogido:

<span class="typcn typcn-arrow-left"><span>

tipicons

Dejar un comentario