Hace tiempo revisamos la forma de usar Font Awesome, una tipografía que incluye muchos de los iconos que podemos necesitar en una página web o un blog, por ejemplo iconos de redes sociales. Al tratarse de una fuente tipográfica tiene una clara ventaja sobre las imágenes, la liviandad y el ahorro en transferencia.
Ahora me he encontrado con una herramienta fantástica que me permite crear mi propia fuente tipográfica, seleccionado los iconos que yo quiero entre varias tipografías como Font Awesome, Fontelico, Entypo, etc.
Se llama Fontello, y su uso es tan sencillo que puedes crear una tipografía de iconos personalizada en menos de un minuto. Simplemente hay que seleccionar los iconos deseados, ponerle un nombre a la tipografía y pulsar en el botón Download Webfont.
Eso nos descargará un archivo zip en el que estarán todos los elementos necesarios para implementar la tipografía en el blog. Entre esos archivos veremos que hay varios css así como la propia fuente en formato eot, svg, ttf y woff.
Para implementar la tipografía en el blog podemos subir la carpeta descomprimida a la carpeta del theme que estemos usando en el blog. Eso sí, debemos darle un nombre sencillo, por ejemplo ‘fontello’. Una vez hecho esto hay que ajustar las url de los archivos css. En nuestro caso debemos apuntar todos los src de los archivos css a la url fontello/font/mia.eot (donde ‘mia’ es el nombre que le hemos dado a la tipografía, y así con el resto de formatos).
Luego editaremos el archivo header.php del theme para introducir una llamada al archivo css principal de la tipografía. El código debe ir entre las etiquetas head, y sería algo así
<link rel="stylesheet" href="<?php bloginfo('url'); ?>/fontello/css/mia.css" type="text/css" media="screen" />
Donde mia.css, una vez más, debemos sustituirlo por el nombre que hemos dado a nuestra tipografía.
Ahora ya está todo listo para implementar la tipografía en el blog. Allí donde queramos que aparezcan los iconos debemos insertar el código de esta forma:
<i class="icon-facebook"></i>
En este ejemplo usamos uno de los iconos de Facebook que hemos añadido a nuestra tipografía. En el archivo css principal tendréis el resto de clases que se pueden usar, y que se corresponden con los iconos elegidos. En la imagen podeis ver los 7 iconos que componen la tipografía de ejemplo que he creado.
Sitio Oficial: Fontello →
- Compártelo en:
Descubre más desde La Brújula Verde
Suscríbete y recibe las últimas entradas en tu correo electrónico.
Herzgruft, la cripta de Viena donde se conservan los corazones de los Habsburgo
Decir que el corazón de los Habsburgo está en Viena parece una frase típica para embellecer un dato histórico, pero lo cierto es que se puede interpretar literalmente si uno…
Análisis de huellas dactilares de figurillas de terracota recuperadas en Heracleion revelan que mujeres y niños también las creaban
Un estudio arqueológico publicado en el Oxford Journal of Archaeology por Leonie Hoff, analiza las huellas dactilares impresas en figurillas de terracota encontradas en la antigua ciudad de Thonis-Heracleion en…
El asentamiento neolítico más antiguo de los primeros agricultores de Francia, descubierto en la Costa Azul
Descrito como un hallazgo raro por el departamento regional de arqueología, uno de los asentamientos neolíticos más antiguos de Francia, atribuido al periodo Cardial Antiguo, está siendo excavado actualmente por…
Descubren una gran estructura ritual en Jerusalén con 8 estancias excavadas en la roca y misteriosas marcas en forma de V en el suelo
Un singular hallazgo arqueológico ha salido a la luz en la ladera oriental de la Ciudad de David, dentro del Parque Nacional de las Murallas de Jerusalén. Se trata de…
Cómo planificar tu viaje a Barcelona: Guía de consejos para ahorrar tiempo y disfrutar al máximo
Barcelona es un lugar repleto de sitios que visitar. Si estás pensando en viajar a la ciudad condal, pero no sabes cómo planificar tu viaje, en esta completa guía encontrarás…
La increíble Isla de Wrangel, el lugar donde los mamuts sobrevivieron hasta el año 2000 a.C.
Ubicada en el Océano Ártico, entre el mar de Chukchi y el mar de Siberia Oriental, la isla de Wrangel es un enclave de 7600 km², equivalente al tamaño de…
El legado del Imperio Romano en Alemania: un sorprendente estudio revela cómo influye en el bienestar actual de las regiones
Un reciente estudio publicado en Current Research in Ecological and Social Psychology ha demostrado que el dominio romano, ocurrido hace más de dos mil años, sigue dejando huellas profundas en…
Descubren los orígenes de los sogdianos, los enigmáticos comerciantes de la Ruta de la Seda
En un descubrimiento que promete reconfigurar nuestra comprensión de las interacciones culturales y genéticas a lo largo de la Ruta de la Seda, un equipo internacional de investigadores ha desentrañado…
Revelan que los restos encontrados en la tumba del Octágono de Éfeso no son de la hermana de Cleopatra, sino de un niño de 14 años
Un equipo interdisciplinario liderado por el antropólogo Gerhard Weber, de la Universidad de Viena, junto con expertos de la Academia Austriaca de Ciencias, ha concluido, tras analizar un cráneo hallado…
Encuentran en Adrianópolis fichas de juegos de estrategia romanos
Excavaciones en la antigua ciudad de Adrianópolis (actual Edirne) en Karabük, Turquía, han revelado recientemente objetos de interés histórico. Entre los hallazgos más destacados de 2024 se encuentran piezas utilizadas…
Something went wrong. Please refresh the page and/or try again.
