Cómo determinar una fuente si es rasterizada. Reconocer una fuente a partir de una imagen en línea

Muy a menudo, en todo tipo de servicios de preguntas y respuestas, la gente hace la misma pregunta: “ Cómo identificar una fuente a partir de una imagen».

Para aquellos que no están involucrados en gráficos o diseño web por ocupación, es difícil entender por qué esto es necesario)) Aquellos que están "al tanto" saben bien lo difícil que es determinar el tipo de fuente en cualquier imagen o logotipo. y selecciónelo para que el texto se parezca casi al original.

Anteriormente, ya escribí sobre un servicio en línea que le permite hacer esto para algunas necesidades, pero esta herramienta es impotente cuando necesita identificar el tipo de fuente basándose en un ejemplo específico. Por lo tanto, me apresuro a presentarles una herramienta que puede ayudar en tales casos.

WhatTheFont es un servicio en línea gratuito que le ayudará a identificar una fuente a partir de una imagen. Para que el resultado de la determinación sea lo más preciso posible, es deseable que se cumplan las siguientes condiciones:

• las letras no deben fusionarse entre sí, tener contornos claros
• las letras deben estar alineadas horizontalmente
• Es deseable que la altura de las letras sea de unos 100px.

Para determinar la fuente a partir de una imagen, debe cargar esta misma imagen en el servicio o indicar su dirección en Internet. Ambas acciones se realizan en la página de inicio de WhatTheFont.

Como ejemplo, vamos definamos la fuente en el logo de mi sitio web MuzRelax.ru. Sé qué fuente se utiliza allí, pero veamos si el servicio WhatTheFont puede identificarla correctamente.

Por cierto, para aquellos que aún no han visitado este sitio, les recomiendo encarecidamente que lo hagan (realmente lo disfrutarán).

Tomé una captura de pantalla del logo y subí la imagen así:

Como puede ver, el fondo de la fuente ni siquiera contrasta, aunque esta también es una condición deseable (negro sobre blanco o blanco sobre negro).

En la página siguiente, el servicio dividirá automáticamente toda la inscripción de la imagen en letras individuales e intentará identificarlas. Puedes introducir letras que estén indecisas o que te identifiques incorrectamente en las ventanas pequeñas. En mi ejemplo, todo se determinó correctamente en modo automático.

En la etapa final, el servicio proporcionará una lista de fuentes que se parecen a la fuente que se muestra en la imagen. En mi caso, se ofrecieron 4 opciones, la primera de las cuales (Georgia) es el tipo de fuente que utilicé en el logo del sitio web MuzRelax.ru. ¡Gran resultado!

Desafortunadamente, WhatTheFont tiene varias desventajas:

• Aunque la base de datos del servicio contiene una gran cantidad de fuentes, no puede identificar algunas exóticas.
• El servicio no detecta fuentes cirílicas. Sin embargo, este inconveniente es bastante condicional, porque no existe un solo servicio en Internet para determinar una fuente a partir de una imagen que funcione con fuentes cirílicas. Desafortunadamente…

WhatTheFont es líder entre servicios en línea similares, tiene una buena comunidad donde puedes pedir ayuda para identificar una fuente, es completamente gratuito y funciona muy rápido. ¡Definitivamente lo recomiendo!

PD No olvides marcar este artículo como favorito y recomendarlo a tus amigos).

Si usted mismo actúa como diseñador, probablemente vea todos los sitios con cierta crítica. Siempre estás juzgando y juzgando la forma en que se ejecuta un diseño. ¡Uno de los aspectos más importantes del diseño es la fuente! Si te gusta el estilo de la fuente, probablemente querrás usar la misma en tu diseño futuro. Pero para hacerlo, primero deberá averiguar qué tipo de fuente se utiliza en el sitio. Con la gran variedad de fuentes disponibles en Internet y el volumen de fuentes nuevas que aparecen cada día, puede resultar bastante difícil reconocer la fuente, si sólo lo miras.

Entonces pensé que valdría la pena trabajar en una selección. 5 herramientas de reconocimiento de fuentes en línea. Todo diseñador web debería tener estas herramientas. ¡Presta atención a cada uno de ellos y luego podrás determinar cuál se adapta mejor a ti!

Me gustaría saber tu opinión sobre estas herramientas. Si me perdí alguna otra herramienta interesante, cuéntame sobre ella en los comentarios.

1. ¿Qué fuente es?

Este es un sitio gratuito que le brinda la manera más fácil de determinar qué fuente se utiliza en una página. Cuando estés en un sitio donde te guste una fuente en particular, simplemente toma una captura de pantalla de la página para que el texto esté en la imagen. Sin embargo, el tamaño de la captura de pantalla no debe exceder los 1,8 MB y basta con tener una sola línea de texto. El formato de la imagen debe ser jpeg/jpg, gif o png. A continuación, la captura de pantalla se carga en Identificar fuentes y el sitio le muestra el resultado. Puede configurar un filtro para mostrar solo fuentes gratuitas, solo fuentes pagas o ambas.

2. Identidad

Identifont le hará algunas preguntas sencillas para determinar qué fuente está buscando. Las preguntas son increíblemente fáciles de responder y plantean algo como "¿Qué tipo de cola de caballo debería tener Q?" Se le proporcionarán varios diagramas para ayudarle a elegir su respuesta. Si solo se ofrece un conjunto de caracteres de la fuente que necesita, entonces las preguntas pueden estar relacionadas específicamente con los caracteres.

3. Qué fuente

WhatTheFont reconoce fuentes de la misma manera que IdentificaFont. Podemos subir una imagen en formato GIF, JPEG, TIFF o BMP y debe tener un máximo de 25 caracteres. Dado que el sitio web escanea los caracteres, necesitaremos confirmar los caracteres correctos. Luego, el sitio analiza cada carácter y encuentra la fuente. .

4. Entrenador de fuentes

Font Trainer te ayuda a ver fuentes en diferentes estilos. El servicio actúa como una encuesta rápida para buscar una fuente. Puede practicar el reconocimiento de muchas fuentes populares y eliminar por completo la necesidad de utilizar dichos servicios. Además, conocer los nombres de muchas fuentes te ayudará a impresionar a tus amigos diseñadores. .

5. Navegador de tipos

TypeNavigator es una herramienta de búsqueda de fuentes que le permite utilizar muchas opciones para encontrar la fuente que necesita. Las opciones de búsqueda de fuentes recuerdan un poco a las preguntas formuladas en Identifont. Por otro lado, puedes buscar fuentes por nombre o por diseñadores.

Puedes ver 3 herramientas adicionales más en el enlace -. Recomendamos verlo también.

Al desarrollar un sitio web (o implementar otros proyectos digitales), podemos encontrarnos en Internet con una fuente que, en sus cualidades visuales, se diferencia gratamente de otras análogas. El deseo de utilizar esta fuente puede ser bastante fuerte, pero es posible que no sepamos qué tipo de fuente es o cuál es su nombre. En este material intentaré ayudar a dichos usuarios y ayudarles a reconocer una fuente a partir de una imagen en línea y decirme qué servicios de red nos ayudarán con esto.

Para implementar esta tarea, puede utilizar una serie de recursos en línea (principalmente en inglés), que enumeraré a continuación. Trabajar con ellos es bastante formulado: accede a dicho recurso en línea, carga una imagen con la fuente que necesita (o señala dicha imagen en Internet) y, si es necesario, marca el texto necesario para el reconocimiento. Además, algunos recursos pueden solicitarle que determine algunos parámetros más (por ejemplo, si el texto es grueso), después de lo cual se reconoce la fuente requerida.

Después de completar el procedimiento de reconocimiento de fuentes, el sitio le pedirá que determine visualmente si los números y letras se reconocen correctamente (si es necesario, deberá realizar un ajuste independiente especificando el carácter correcto). Después de esto, el sitio le dará varios nombres de fuentes visualmente similares y algunos recursos avanzados le ofrecerán descargar la fuente que le guste a su PC.

Los mejores servicios para identificar fuentes a partir de imágenes en línea

Veamos los servicios de red que le permiten realizar el reconocimiento de fuentes en línea. Tenga en cuenta que si presenta a estos servicios una imagen con una gran cantidad de caracteres diferentes, e incluso sin límites claros entre estos últimos, el servicio puede negarse a realizar el reconocimiento.

El servicio WhatTheFont te ayudará a identificar una fuente hermosa

El servicio WhatTheFont es probablemente uno de los servicios de identificación de fuentes en inglés más populares. Trabajar con el servicio es bastante sencillo y no requiere ninguna habilidad especial por parte del usuario (incluida la ausencia de un procedimiento de registro).

1. Para trabajar con el servicio, vaya a myfonts.com.
2. Haga clic en el botón "Elegir archivo" y seleccione una imagen con el fondo que desee en el disco duro de su PC.
3. Luego haga clic en el botón “Continuar”.

Ventana de trabajo del servicio WhatTheFont

El servicio realizará el trámite de reconocimiento y te abrirá una pantalla en la que tendrás que determinar si el servicio reconoció correctamente las letras (en caso contrario, ingresa los ajustes necesarios).

Después de eso, haga clic en "Continuar" y recibirá un resultado con el nombre probable de la fuente que necesita. Puede descargar fuentes cuyos nombres estén coloreados en azul a su PC (algunas de estas fuentes pueden ser de pago).

El servicio FontSquirrel reconoce las letras del alfabeto online

El servicio Font Squirrel es otro recurso en inglés para buscar fuentes en línea. Como en el caso de “WhatTheFont”, no solo podrás reconocer el alfabeto que necesitamos, sino también descargarlo inmediatamente de la base de datos de este recurso (tanto gratis como por dinero).

1. Vaya al sitio web fontsquirrel.com, haga clic en el botón "Subir imagen" y cargue una imagen con la fuente que necesita en el recurso.
2. Ahora coloque el texto que necesita para el reconocimiento de fuentes en un marco especial (el tamaño del marco es ajustable, al igual que el tamaño del texto).
3. Y luego haga clic en el botón "¡Emparejarlo!".

Ventana de trabajo del servicio FontSquirrel

El servicio abrirá una lista de fuentes idénticas, a la derecha de cada una de las cuales habrá un botón para su posible descarga (y el precio correspondiente si se paga).

Servicio de búsqueda de fuentes "IdentiFont"

Una característica especial del servicio IdentiFont es la capacidad de determinar la fuente en función de las preguntas importantes que le plantea el servicio. Al mismo tiempo, el sitio utiliza una interfaz en inglés, lo que limita significativamente las capacidades de un usuario de habla rusa.

Este sitio tiene cinco herramientas únicas:

• “Fuentes por apariencia” (identificación de fuentes por apariencia);
• “Fuentes por nombre” (que define la fuente por nombre o parte del nombre);
• “Fuentes por similitud” (por similitud);
• “Fuentes por imagen” (búsqueda de escritura a mano por imagen);
• “Fuentes por diseñador/editor” (por el nombre del creador o editor).

Al elegir una de las cinco herramientas propuestas, podrá identificar la fuente deseada en línea.

Ventana de trabajo del servicio “IdentiFont”

Servicio "FONTSPRING"

Este servicio es similar en funcionalidad al "WhatTheFont" que ya mencioné, lo que le permite determinar la fuente. Al mismo tiempo, tiene una serie de características específicas, en particular, el sitio tiene un editor de fotografías que le permite procesar texto para un mejor reconocimiento de fuentes en línea. Además, puedes agregar características a la imagen que subes para identificar mejor la fuente.

1. Para trabajar con el recurso, vaya a fontspring.com.
2. Y haga clic en el botón "Cargar imagen" para cargar una imagen con la fuente deseada al recurso.
3. Coloque el texto que desee de la imagen en el centro del marco y haga clic en el botón "¡Emparejarlo!". a continuación (el procedimiento es de facto idéntico al recurso "FontSquirrel" descrito anteriormente).
4. Recibirá un resultado con una lista de coincidencias encontradas.

Ventana de trabajo del servicio FONTSPRING

Servicio "Fontmassive"

El servicio fontmassive.com te invita a utilizar el poder del “factor humano” y pedir a otros usuarios que te ayuden a identificar una fuente en línea. Para trabajar con él, debe ir a este recurso, escribir un texto con una pregunta en una ventana especial, hacer clic en el botón "Insertar imagen" para cargar una imagen con la fuente deseada en el recurso y luego hacer clic en " Botón "Enviar".

Extensión WhatFont

Una extensión para el navegador Google Chrome (así como para otros navegadores basados ​​en el núcleo Chromium) llamada "WhatFont" le permite realizar fácilmente el reconocimiento de fuentes en línea. Después de instalar y activar la aplicación en el navegador, bastará con pasar el cursor sobre la fuente deseada para identificar esta última (se reconocen tanto las fuentes latinas como las cirílicas).

Al mismo tiempo, según las opiniones de los usuarios, la precisión de la detección de fuentes no siempre es la mejor.

Extensión WhatFont en Chrome Store

Conclusión

En este material, revisé los servicios que lo ayudarán a identificar una fuente hermosa a partir de una imagen. La mayoría de ellos tienen una interfaz en inglés y funcionan según un algoritmo similar. Al mismo tiempo, la calidad del reconocimiento de fuentes en diferentes recursos en línea puede diferir y, como resultado final, puede recibir enlaces a una docena de fuentes con un diseño visual similar.

Al visualizar cualquier material en Internet, podemos prestar atención a la fuente utilizada para mostrar dichos textos. Es posible que queramos la misma fuente para nosotros, pero no tengamos idea de su nombre, ni siquiera de la forma de obtener dicha información. En este artículo, analizaré las herramientas de red existentes para reconocer fuentes a partir de imágenes en línea y también le diré cómo usarlas.

Detalles específicos de los recursos de red para la identificación de fuentes.

En primer lugar, me gustaría enfatizar que la gran mayoría de los recursos en línea disponibles actualmente en Internet tienen una interfaz en inglés. El segmento de habla rusa está poco representado en este sentido, por lo que para determinar la fuente es necesario utilizar los análogos existentes en inglés.

Y si el reconocimiento de fuentes escritas en letras latinas por parte de estas herramientas es de buen nivel, entonces la identificación de fuentes cirílicas a partir de una imagen es significativamente escasa. En este último caso, puedes esperar suerte o acudir a los foros de diseñadores profesionales, donde te ayudarán a identificar la fuente que necesitas.

El proceso de reconocimiento de fotografías en sí se lleva a cabo de dos formas principales:

• Automático: carga una imagen con una fuente en el sitio (o proporciona un enlace a dicha imagen en Internet). Marque el texto para su identificación en la imagen, haga clic en el botón de inicio de identificación y obtenga opciones para las coincidencias encontradas en la base de datos;
• Texto: responde las preguntas del sitio sobre la fuente que está buscando en modo texto y luego obtiene el resultado.

Echemos un vistazo más de cerca a las herramientas de red para el reconocimiento de fuentes, con una descripción de las características de su funcionamiento.

El servicio myfonts.com es una poderosa herramienta para el reconocimiento de fuentes.

El sitio web myfonts.com cuenta no sólo con la funcionalidad estándar para dichos recursos, sino también con la presencia de un foro donde los entusiastas locales pueden ayudarle a determinar la fuente correcta. Para lograr un reconocimiento ideal, el recurso requiere que el texto se coloque lo más horizontalmente posible, las letras deben tener aproximadamente 100 píxeles de altura y no tocarse entre sí. El número de letras de la imagen no debe ser superior a 50 y el tamaño máximo de la imagen debe ser de 400.000 píxeles (ancho y alto).

Para reconocer la fuente, haga lo siguiente:

Fontspring.com: busque las fuentes necesarias en línea

La segunda herramienta de la que quiero hablar es fontspring.com. Sus capacidades tienen funcionalidades y requisitos similares a otros recursos de este plan.

1. Para utilizar el sitio, vaya a fontspring.com.
2. Aquí, haga clic en el botón "Subir la imagen" para cargar una imagen con la fuente al sitio, o en la "URL de la imagen" para proporcionar un enlace a la página deseada con la fuente en Internet.
3. Después de cargar su imagen, use el marco para especificar los caracteres de texto deseados para su identificación y haga clic en el botón "¡Coincidir!". Se llevará a cabo el procedimiento de identificación de fuentes y luego podrá ver la lista de coincidencias encontradas.

Identifont.com - búsqueda de fuentes de texto

El servicio identifont.com utiliza un método basado en texto para la identificación de fuentes en línea. Cuando visite el sitio, se le pedirá que responda (a su elección) una serie de preguntas importantes sobre:

• apariencia de la fuente;
• su nombre o parte de su nombre (nombre);
• similitud con otras fuentes (similitud);
• una imagen o símbolo separado contenido en una fuente (imagen);
• el editor o editor de la fuente (diseñador/editor).

La búsqueda en sí se realiza en inglés, por lo que los usuarios que no hablan inglés se verán bastante limitados a la hora de realizar búsquedas en el sitio especificado.

Whatfontis.com - servicio para identificar letras en una imagen

Whatfontis.com es un recurso popular en RuNet que a menudo termina en varias reseñas. Su popularidad se debe tanto a un buen mecanismo para buscar e identificar una fuente como al foro disponible en este sitio, cuyos visitantes también pueden ayudar a encontrar el prototipo deseado.

Trabajar con el recurso no es diferente de otros servicios relevantes:

Rentafont.com: encuentre una fuente entre muchas alternativas

El servicio rentafont.com destaca por permitir buscar la fuente deseada utilizando una variedad de parámetros existentes, incluida la búsqueda asociativa. Puede buscar una fuente según su historial, objetivos de diseño, forma de letra y más. En total, el recurso contiene más de 2,5 mil fuentes, incluida la cirílica, por lo que si tiene paciencia, puede encontrar la fuente que necesita.

Conclusión

Este artículo describe las principales herramientas populares en Internet que le permiten encontrar e identificar rápidamente la fuente que el usuario necesita a partir de una imagen. Su desventaja es que trabajan principalmente con fuentes que utilizan caracteres latinos, mientras que trabajar con el alfabeto cirílico resulta algo complicado para estos recursos. En el caso de las fuentes cirílicas, también recomiendo visitar foros de entusiastas locales (nivel photoshop-master.ru/forum) donde te ayudarán a encontrar el prototipo gráfico que buscas.

Cuando trabajamos con texto, a menudo nos hacemos la pregunta " ¿Cómo encontrar o identificar una fuente a partir de una imagen determinada?. Por ejemplo, encontró un archivo PSD y tenía incorporada una hermosa fuente con una nota de prueba. Está claro que necesitamos editar esta entrada, pero solo Photoshop escribe una notificación de que dicha fuente no está instalada en la biblioteca compartida y si se cambia el texto, se perderá. Pero necesitamos esta fuente en particular, ya que encaja perfectamente en el concepto general de este archivo PSD. Aquí es donde nos preguntamos: donde encontrar la fuente? Por cierto, te recomiendo que te familiarices con los principios y capacidades básicos. Estoy seguro de que encontrarás muchas cosas nuevas y útiles para ti.

De hecho, encontrar o identificar una fuente a partir de una imagen ya no es un problema. Hay muchos servicios en Internet que probablemente le ayudarán a hacer esto.

Si investiga un poco, entonces, como regla general, muchas personas recomiendan sitios de búsqueda de fuentes. Qué fuente Y Whatfontis. De hecho, el último me gustó más, así que hablaré de él en detalle. Pero primero, el concepto general sobre el que se basan casi todos los servicios similares.

Los sitios le ofrecen cargar una imagen, después de lo cual el sistema comienza a analizarla y busca una fuente adecuada. Como regla general, para una mayor precisión de la coincidencia, se sugiere ingresar letras adicionales desde el teclado en las ventanas correspondientes, por ejemplo así:

Se recomienda seleccionar imágenes grandes, de al menos 100 píxeles, y lo ideal es que las palabras de la imagen estén dibujadas en letras negras claras sobre un fondo blanco y de al menos 4 letras de largo. Todo esto es necesario para que la máquina pueda comparar su imagen con su base de datos de fuentes y, como regla general, dicha base de datos contiene decenas de miles de nombres y el resultado es una fuente lo más cercana posible a la que está buscando. .

Después de probar varios sitios de este tipo y buscar la misma fuente en la imagen, llegué a la conclusión de que el sitio más conveniente y eficaz es Whatfontis. El resto se equivoca muy a menudo en sus resultados.

Una de las principales ventajas es la probabilidad de que le ofrezcan una descarga gratuita de la fuente que está buscando.

Abra el servicio.

Primero decide qué método quieres utilizar.

1. Al hacer clic en el botón Examinar, seleccione la imagen deseada. Mi ejemplo:

2. Indique la URL de esta imagen, si no está en su computadora, sino en algún lugar de Internet.

Luego haga clic en Continuar.

Nota

Por mucho que busqué, no encontré un servicio similar con interfaz rusa. Pero esto no da miedo, porque aquí todo es intuitivo y puedes saber rápidamente dónde hacer clic.

El principal problema es que nunca encontrará una fuente que contenga letras del alfabeto ruso en un servicio de este tipo, ya que aún no son compatibles con el alfabeto cirílico. Pero si conoces ejemplos que demuestren lo contrario, escribe en los comentarios, sin duda será de utilidad para todos.

Como puedes ver, el propio programa reconoció dónde estaban las letras y las separó por separado. Luego le pide que ingrese en los campos correspondientes qué letras del teclado corresponden a estas imágenes.

Aún más abajo, hay tres reguladores que afectan los resultados de búsqueda.

1. Mostrar solo fuentes gratuitas o fuentes alternativas gratuitas. Una marca de verificación aquí significa que los resultados de la búsqueda solo contendrán análogos gratuitos.

2. Mostrar solo fuentes comerciales o fuentes comerciales alternativas- Aquí es al revés: solo análogos pagados.

3. Mostrar todas las fuentes— todas las fuentes posibles se mostrarán a la vez.

Habiendo seleccionado la casilla deseada, haga clic en Continuar.

Aparecerán los mismos resultados de búsqueda, entre los que se busca la fuente más similar. Para mayor comodidad, el sistema que busca siempre se muestra en la esquina inferior derecha.

Como puede ver, la opción que más me conviene se muestra como la primera debajo del nombre "Aplastamientos de verano". Por cierto, marqué la casilla para que solo me ofrecieran análogos gratuitos. Para que pueda hacer clic fácilmente en "Haga clic aquí para descargar la fuente" para descargar la fuente que determiné a partir de la imagen.

Estos servicios son muy útiles y definitivamente deberían ser considerados por los profesionales que trabajan con editores gráficos. Sólo nos queda esperar que haya quienes puedan apoyar el alfabeto cirílico.

Si nota un error en el texto, selecciónelo y presione Ctrl + Enter. ¡Gracias!