Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/01/2014, 05:36
2fd
 
Fecha de Ingreso: enero-2014
Mensajes: 1
Antigüedad: 10 años, 3 meses
Puntos: 1
De acuerdo Respuesta: Problema al insertar como webfont Flaticon

Buenas, soy desarrollador de Flaticon. En primer lugar, agradecer este tipo de comentarios para poder seguir desarrollando y mejorando el servicio.

Quería comentar que cuando realizas la descarga de una Iconfont, dentro del zip vienen varios archivos. En primer lugar vienen los archivos de fuentes en sus diferentes formatos (svg, ttf, woff y eot). Por otro lado viene un html en el que puedes ver los diferentes Glyphs (caracteres) de la fuente que has creado. Y en última instancia un archivo css en el cual, como comenta pzin viene el mapeado de la fuente con sus diferentes caracteres y la regla font-face para su correcto funcionamiento.

Este archivo css tendría que vincularlo al html donde quieras insertar los caracteres de la fuente mediante la etiqueta <link>, al igual que cualquier otra hoja de estilo.

En el archivo html de visualización de la fuente puedes ver las diferentes clases para poder mostrar las fuentes. Personalmente recomiendo que insertes los iconos en elementos "inline" tales como <span> o etiqueta <i>. Ejemplo, si el icono tiene la clase "flaticon-twitter" pues lo añadirías colocando:

Código:
<i class="flaticon-twitter"></i>

Muchas gracias por usar Flaticon!. Cualquier duda aqui nos tienes.