[SOLUCIONADO] Extraño metodo de insertar imagenes

[fbedia]

Buenas!
En primer lugar perdón por mi ignorancia en este tema... No sabia muy bien como titular mi tema.

Mi duda esta relacionada con el siguiente template: http://html.toserblog.net/nowknow/

Resulta que a los artículos, les puedes asociar 3 tipos de iconos que son los siguientes:

-Tipo 1: Texto
-Tipo 2: Imagen
-Tipo 3: Video



Quería modificar estas imágenes a mi gusto... pensando que se tratarían de imágenes .gif .jpg .png pero mi sorpresa llego aqui.

No se como carajos se muestran esas imagenes y como las puedo editar.
Si miran el css, veran que se muestran de la siguiente forma:

Por ejemplo, para el icono que es un video (film) sale esto:

Código:

.fa-film:before{content:"\f008"}

Da la sensación de que esas imágenes están guardadas de alguna forma "codificada" en un archivo... pero no se que archivo es!!!
Tengo la sensacion de que es alguno de estos, pero no se:
http://html.toserblog.net/nowknow/assets/fonts/FontAwesome.otf
http://html.toserblog.net/nowknow/assets/fonts/fontawesome-webfont.eot
http://html.toserblog.net/nowknow/assets/fonts/fontawesome-webfont.svg
http://html.toserblog.net/nowknow/assets/fonts/fontawesome-webfont.ttf
http://html.toserblog.net/nowknow/assets/fonts/fontawesome-webfont.woff
(alguno de estos archivos no se ni como abrirlos)

Agradecería su ayuda para entender que es esto!! y como podría modificar los iconos!

Gracias

[pzin]

Es una tipografía, una fuente de iconos, una técnica habitual y que cada vez se está usando más. FontAwesome es una fuente concreta con iconos concretos, pero hay otras fuentes. Yo suelo usar IconMoon para hacer mis propias fuentes.

[fbedia]

muchas gracias pzin, ahora lo entiendo!!
Subi el fichero .svg a la web del enlace y ya pude ver todos los iconos y sus correspondientes codigos...etc... ahora googleare un poco para informarme mas del tema.. pero el concepto ya lo tengo.

Doy el tema como solucionado!
Un saludo.