¿Cómo se identifica un tipo de letra?

Autor :

Reaccionar :

Comentario

Teneis he encontrado una tipografía ¿Te gusta y quieres saber cómo se llama? Todo depende de dónde se encuentre.

Si aparece en una imagen, una infografía, un cartel o una captura de pantalla, herramientas como WhatTheFont Donde FontSquirrel lo hacen en unos segundos. Si está en una página web, es mejor utilizar el’extensión WhatFont Donde el inspector de tu navegador.

A continuación lo explicamos con detalle.

Identificar el tipo de letra en una imagen

Existen varias herramientas en línea que analizan directamente el contenido de una imagen para determinar qué tipo de letra se ha utilizado. Estas son las dos opciones más fiables.

Usar WhatTheFont

  1. Visita el sitio WhatTheFont.
  2. Arrastra y suelta tu imagen en la ventana correspondiente, o haz clic para... Descargar desde tu ordenador.
Subir la imagen a WhatTheFont.
Subir la imagen a WhatTheFont. ©Antonin para Alucare.fr
  1. Selecciona el texto que quieres reconocer en la imagen y haz clic en “Identificar a la policía”.
Haz clic en «Identificar fuente» para identificar la fuente en WhatTheFont.
Haz clic en «Identificar fuente» para identificar la fuente en WhatTheFont. ©Antonin para Alucare.fr
  1. Validar. A continuación, aparece la fuente más parecida, junto con varias alternativas similares.
Ver los resultados sugeridos por WhatTheFont.
Ver los resultados sugeridos por WhatTheFont. ©Antonin para Alucare.fr

Para obtener un buen resultado, tu imagen debe cumplir tres criterios:

  • un bien contraste, lo ideal es que el texto sea oscuro sobre fondo claro,
  • desde letras de al menos 100 píxeles de altura,
  • y los caracteres que no se tocan entre sí.

El tamaño del archivo, por su parte, no tiene ninguna importancia, es Lo único que importa es la legibilidad del texto.

Si la herramienta no encuentra una coincidencia exacta, suele deberse a que la fuente no está en su base de datos o a que la imagen es de mala calidad.

Utilizar FontSquirrel

También es un página web para identificar tipografías, ya que ofrece casi todos los tipos más utilizados, tanto clásicos como no clásicos. Es la herramienta Matcherator que está disponible en esta página web para reconocer una tipografía en una ilustración. Para utilizarlo, basta con arrastrar hasta allí la imagen que contenga el texto cuya tipografía quieras identificar.

  1. Entra en FontSquirrel y haz clic en “Identificador de fuente”.
Identifica una fuente en FontSquirrel haciendo clic en "Font Identifier".
Identificar una tipografía en FontSquirrel haciendo clic en “Font Identifier”. ©Antonin para Alucare.fr
  1. Desliza Donde Sube tu imagen que contiene el texto que hay que identificar.
Subir una imagen a FontSquirrel.
Subir una imagen a FontSquirrel. ©Antonin para Alucare.fr
  1. Deja que la herramienta analice y proponer la fuente correspondiente.

Reconocimiento de fuentes en Internet

Diferentes extensiones en tu navegador también permiten identificar un tipo de letra que se encuentra en Internet. Los más populares son WhatFont y FontFinder. Estas dos extensiones funcionan más o menos igual, sobre todo en lo que se refiere a indicar automáticamente el nombre de la fuente cuando el cursor pasa por encima de un texto.

Por otra parte, también está lo que se conoce como “inspector de elementos” que podría ayudarte a detectar errores tipográficos en la web.

A continuación los comentamos uno por uno.

La extensión WhatFont

Esta extensión está disponible de forma gratuita en la Chrome Web Store. A continuación te explicamos cómo reconocer una fuente con WhatFont:

  1. Instala la extensión desde la Chrome Web Store.
Añadir WhatFont a las extensiones de Chrome.
Añadir WhatFont a las extensiones de Chrome. ©Antonin para Alucare.fr
  1. Haz clic en su icono en la barra de herramientas de tu navegador para activarla. Aparecerá el mensaje “Salir de WhatFont” cuando esté activado.
Activa la extensión "WhatFont" en Chrome.
Activa la extensión “WhatFont” en Chrome. ©Antonin para Alucare.fr
  1. Ve a la página web donde hayas encontrado la fuente y, a continuación, pasa el cursor por encima del texto que quieras identificar. Haz clic aquí para ver todos los detalles.
Haz clic en el texto de la página web para ver los detalles, sobre todo el tipo de letra, gracias a WhatFont.
Haz clic en el texto de la página web para ver los detalles, sobre todo el tipo de letra, gracias a WhatFont. ©Antonin para Alucare.fr

El nombre de la fuente se muestra al instante, con su tamaño, su interlineado y su código de color hexadecimal.

La extensión FontFinder

Está disponible tanto en la Chrome Web Store como en Firefox Add-ons. Va un poco más allá que WhatFont, ya que permite comparar dos tipografías entre sí, encontrar alternativas similares a la identificada y añadirlas directamente a tu biblioteca de tipografías.

  1. Instala la extensión desde la Chrome Web Store o desde Firefox Add-ons.
  2. Haz clic en su icono para activarlo.
Activa FontFinder para identificar la fuente.
Activar FontFinder para identificar la fuente. ©Antonin para Alucare.fr

 

  1. Pasa el cursor por encima de cualquier texto de la página para ver la fuente.
Pasa el cursor por encima de un texto de la página para ver la fuente.
Pasa el cursor por encima de un texto de la página para ver la fuente. ©Antonin para Alucare.fr
  1. Utiliza la herramienta de comparación si quieres comparar dos fuentes entre sí.
  2. Añade las fuentes que hayas encontrado directamente a tu biblioteca de fuentes.

El inspector de elementos del navegador

No te preocupes, no tienes No hace falta saber programar para utilizarlo. A continuación te explicamos cómo hacerlo:

  1. Seguir adelante F12 para abrir las herramientas de desarrollo o haz un clic con el botón derecho del ratón sobre el texto > Inspeccionar.
Haz clic con el botón derecho del ratón sobre un texto de la página.
Haz clic con el botón derecho del ratón sobre un texto de la página. ©Antonin para Alucare.fr
  1. Haga clic en el icono con forma de cursor situado en la esquina superior izquierda del panel.
Haz clic en el cursor del panel.
Haz clic en el cursor del panel. ©Antonin para Alucare.fr
  1. Haz clic ahora en el texto cuya fuente quieras identificar. Verás directamente la fuente en la línea “Font”.
Haz clic en el texto de la página.
Haz clic en el texto de la página. ©Antonin para Alucare.fr

Si no, en la columna “Estilos” de la derecha, busca la línea «font-family»: el nombre subrayado corresponde a la fuente que realmente carga el navegador.

¿Qué hacer si las herramientas automáticas no han encontrado nada?

Las herramientas automáticas llegan a sus límites con las fuentes poco comunes, las imágenes de mala calidad o las tipografías personalizadas. En estos casos, hay dos recursos que funcionan bien:

  • Identifont permite identificar una tipografía a partir de una serie de preguntas visuales (forma de las letras, presencia de serifas, etc.), incluso sin disponer de ninguna imagen.
  • La comunidad r/identifythisfont en Reddit cuenta con varios cientos de miles de miembros, entre los que se encuentran diseñadores tipográficos profesionales. En los casos más complicados, suele recibir una respuesta en unas pocas horas.

Ahora ya sabes cómo identificar cualquier tipo de letra, ya sea en una imagen o en una página web. Si quieres ir más allá, también puedes aprender a Eliminar texto de una imagen con Photoshop.

También puedes ver cómo hacer una captura de pantalla con el teclado.

👍Su opinión
El artículo es informativo
El artículo es objetivo
El artículo responde a mi pregunta
El contenido está actualizado
🔍 ¿Has encontrado algún error? ¡Dinos dónde!

¿Te gusta? ¡Compártelo!

Este contenido es originalmente en francés (Véase el editor justo debajo). Se ha traducido y revisado en varios idiomas utilizando Deepl y/o la API de Google Translate para ofrecer ayuda en el mayor número de países posible. Esta traducción nos cuesta varios miles de euros al mes. Si no es 100 % perfecta, déjanos un comentario para que podamos arreglarlo. Si estás interesado en corregir y mejorar la calidad de los artículos traducidos, ¡envíanos un correo electrónico a través del formulario de contacto!
Agradecemos sus comentarios para mejorar nuestros contenidos. Si desea sugerirnos mejoras, utilice nuestro formulario de contacto o deje un comentario a continuación. Sus comentarios siempre nos ayudan a mejorar la calidad de nuestro sitio web Alucare.fr


Alucare es un medio de comunicación independiente. Apóyanos añadiéndonos a tus favoritos de Google News:

Publicar un comentario en el foro de debate