Problema al insertar como webfont Flaticon

[madman_18]

Iniciado por 2fd

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.

Gracias por contestar 2fd! Volveré a echarle un vistazo y os comento a ver si estoy metiendo la pata con las rutas ^^