Entradas

Mostrando las entradas etiquetadas como icomoon

Icomoon: usar iconos como fuentes

Imagen
1. Ingresamos a  http://icomoon.io/app/  y seleccionamos los íconos que queremos:  2. Presionamos el botón Font  para generar la fuente:  : 3. Presionamos Download: 4. Al extraer los archivos, nos encontramos con estos: license.txt:  un archivo con la información de la licencia. Ite-ie7.js:  es para que funcione en navegadores menores a Internet Explorer 7. Read Me.txt:  un archivo con instrucciones. Styles.css:  archivo de estilos. La fuente está creada con un div vacío y un atributo propio llamado data-icon y genera  un valor unicode para cada ícono: En el archivo styles.css tenemos inicialmente el código que llama a cada archivo en la carpeta fonts y define otros parámetros: Para las clases toman cada ícono y le define la fuente y otros parámetros: Posteriormente, antes del contenido de la clase, agrega un  content  con la letra  unicode  correspondiente a cada ícono, como most...