Identificar fuente o tipografíaemezeta.com /articulos/identif icar- f uente-o-tipograf ia

Guía para identif icar una f uente o tipograf ía de la cuál no conoces el nombre y sólo t ienes una imagen (o nisiquiera eso).

Si necesitamos conocer el nombre de una t ipografía o fuente y sólo tenemos una imagen o logotipo (oaún peor, sólo un recuerdo de como es), la tarea de identif icar el t ipo de letra que se utiliza o unatipograf ía similar se puede complicar bastante y puede resultar en horas y horas detrás de una pantallabuscando (o probando) f uentes parecidas.

En esta breve guía vamos a centrarnos en buscar el nombre de un tipo de letra que desconocemos o, en elpeor de los casos, encontrar t ipografías similares utilizando varios recursos gratuitos que tenemos anuestra disposición en la red.

Conceptos previos

Antes de comenzar, debemos conocer algunos conceptos sobre tipograf ías, bastante utilizados en eldiseño gráf ico, que debemos conocer (u obviar) en nuestra búsqueda:

Serifa (con remate o gracia): Son esos pequeños adornos ubicados en el extremo de las letras. Seconsidera que este tipo de tipograf ías son más legibles en medios impresos, mientras que lastipograf ías de Palo seco (Sans serif o sin serifa) son más indicados para pantallas digitales. Noobstante, hay mucha controversia sobre este tema y no es aceptado por unanimidad.

Interletraje : Esta f ea palabra incluye dos conceptos en sí misma: el Kerning, un ajuste particularentre dos carácteres para suplir separaciones visualmente desagradables, y el Tracking, un tipo deespaciado entre carácteres. Más inf ormación.

Interlineado: Se trata del espacio o separación que hay entre una línea y otra de un texto. Undetalle olvidado que puede darle bastante atractivo visual a un texto o escrito.

Escalado horizontal: Es el aumento o disminución de la proporción de la letra, convirt iéndola encarácteres más o menos anchos (no confundir con negrita). Idem para el escalado vertical, que eneste caso, hablaríamos de carácteres más o menos altos.

A grandes rasgos, son los conceptos más importantes relacionados con las tipograf ías que debemosconocer. Salvo la serifa, el resto debemos obviarlo en nuestras búsquedas, ya que es un f ormato visualque se puede conseguir posteriormente, en un proceso de edición gráf ica y no f orma parte de la t ipograf íaen si.

1. Identif icar fuente por imagen

Pongámonos en marcha. Tenemos una f otograf ía, imagen, boceto o diseño de una marca o logotipo conuna f uente de la cuál no tenemos ningún dato. ¿Qué podemos hacer?

Whatfontis

Existe un servicio llamado WhatFontIs (¿Qué fuente es?) mediante el cuál, podemos enviar una imagen ynos proporcionará f uentes similares a la que hemos enviado. Basta con seleccionar la misma y marcar sipredomina un f ondo claro o un f ondo oscuro.

Podemos seleccionar que se nos muestren f uentes libres o comerciales.

Posteriormente, WhatFontIs dividirá la imagen enviada por letras, y nos pedirá que marquemos de quecarácter se trata para una mejor identif icación. Finalmente, se nos mostrará una lista de las tipograf ías más

parecidas que se han encontrado. También nos permite buscar t ipograf ías por el nombre de la misma, si laconocemos.

URL | WhatFontIs

WhatTheFont

Otra alternativa que utiliza el mismo sistema es WhatTheFont , de MyFonts. De la misma f orma,seleccionaremos una imagen para enviar y realizaremos el proceso de identif icación de carácteres paramejorar los resultados.

WhatTheFont incluso detecta automáticamente la mayoría de las letras en el proceso de identif icación decarácteres, por lo que sólo tienes que supervisar que se trata del correcto.

También incorpora un sistema de búsqueda avanzada, donde puedes buscar añadiendo f iltros como si laf uente tiene soporte para web, precio entre el que oscila, f echa de creación, características OpenType,entre muchas otras opciones.

URL | WhatTheFont

2. Identif icar fuente mediante preguntas

¿Qué ocurre si no tenemos una imagen? Hemos visto una tipograf ía de un cartel y sabemos perf ectamentecomo es, pero no hemos encontrado imágenes en Internet. No hay problema, podemos intentar encontrarla t ipograf ía mediante una serie de preguntas:

Ident ify Fonts

Este servicio nos permite identif icar una tipograf ía desconocida en base a preguntas sobre su f orma odiseño. Incluso, si no recordamos más que algunas letras, podemos restringir a los caracteres queindiquemos.

¿Cómo es el «rabo» de la letra Q? ¿De qué estilo es el símbolo $? ¿El 4 es cerrado o abierto? ¿Tieneserif a o no? ¿Los puntos de las interrogaciones son cuadrados o circulares? Estas y otras preguntas sonlas que nos permitirán obtener una lista de resultados cercana a nuestra f uente.

Otro servicio muy similar es Linotype Font Identif ier, el que además te va mostrando el número detipograf ías que encajan con tus preguntas a medida que vas contestando.

URL | Identif y FontsURL | Linotype Font Identif ier

Ident iFont

Otro servicio similar es IdentiFont . Además de permitirnos realizar un test similar al del servicio anterior,también podemos buscar por nombre (o parte del nombre), buscar por f uentes similares, por objetos opersonajes (fuentes tipo Wingdings) o incluso buscar por el diseñador o autor de la f uente.

Posee algunas secciones más donde ver las dif erentes f amilias de f uentes incluidas en su base de datos,así como f uentes populares o gratuitas.

URL | IdentiFont

Serif Font Identif icat ion Guide

En Bowfin Printworks puedes encontrar una pequeña guía para identif icar el t ipo de letra que buscas enbase a unos sencillos y visuales tests. De f orma muy similar a los anteriores, puedes encontrar t ipograf ías

que se ajusten a tus indicaciones.

URL | Serif Font Identif ication Guide

3. ¡Socorro! ¡Lo demás no ha funcionado!

No te preocupes, tenemos más alternativas. Si los métodos automáticos no han f uncionado, lo mejor esacudir a las opciones sociales.

Typophile

Typophile es un f oro especializado en temas de diseño que cuenta con un apartado especial paraencontrar t ipograf ías. Suele tener actividad f recuente y puedes preguntar cualquier duda para que usuariosdel mundo del diseño te puedan aconsejar.

Si esta opción no te convence, también tienes el grupo de Flickr: TypeID, donde de la misma f orma tambiénsuelen preguntar dudas o subir imágenes con peticiones de identif icación de tipograf ías.

URL | Typophile TypeIDURL | Flickr TypeID

4. Identif icar fuente de una web

¡Espera! Mi duda era todavía más sencilla. Hay una tipograf ía en una web que me ha gustado mucho, peroyo no sé mirar el código (o no quiero molestarme en ello :D). Perf ecto, veamos que opciones tenemos...

Fount

La herramienta Fount , de Art Equals Work, es un pequeño botón que podemos arrastrar a la barra demarcadores y tener disponible para cuando veamos una tipograf ía que nos guste en una web.

Sólo tendríamos que pulsar en él, y nuestro cursor se reemplazará por una cruz que, al mover sobre latipograf ía indicada, nos mostrará de que f uente se trata, el tamaño, peso y estilo utilizado.

Si no nos convence este sistema, podemos probar Font Finder, una extensión para Firefox o WhatFont,una extensión para Chrome . Ambas realizan la misma tarea que la mencionada anteriormente.

5. Descargar fuentes gratuitas

Si lo que quieres, simplemente, es escribir un texto y buscar t ipograf ías que te parezcan bonitas, puedesutilizar uno de los siguientes sit ios de recursos tipográf icos:

DaFont

DaFont es, probablemente, uno de los sit ios más completos con todo tipo de f uentes, debidamentecategorizadas y catalogadas. Cuenta con un potente buscador que permite seleccionar t ipograf ías quecoincidan contengan caracteres con acentos o en las que el símbolo del euro esté presente (muchastipografías no poseen caracteres acentuados).

Además, DaFont posee una zona para buscar t ipograf ías dependiendo de su licencia, entre las que seencuentran Dominio público (o GPL), Sil Open Font , Gratis, Gratis para uso personal, Donationwareu otros.

URL | DaFont

Google Web Fonts

Si eres muy exigente y DaFont tampoco te convence, puedes acceder al repositorio de Google , dondeactualmente existen más de 600 f amilias de f uentes totalmente gratuitas, especialmente preparadas parasu uso en sit ios web.

Google Web Fonts nos proporciona cada f uente con un código CSS preparado para copiar y pegar ennuestra web, y comenzar a utilizar las f uentes alojadas en los servidores de Google.

Aunque están preparadas para utilizar en sit ios web (con indicador de peso de archivos), también podemosseleccionar todas las variantes y descargarlas para el uso en nuestro sistema.

URL | Google Webf onts

6. Búsqueda en Google

Y recuerda que si todo lo anterior f alla, siempre puedes utilizar los siguientes trucos para buscar enGoogle: comillas para buscar frases exactas, guión para excluir palabras, parámetro site: para buscarsólo en determinados sit ios webs, etc...

Existen múltiples parámetros que probablemente no conoces y que te pueden servir para buscar f iltrandocontenido irrelevante y ayudando a encontrar la inf ormación adecuada más rapidamente.

URL | Guía de trucos de búsqueda en Google