Cómo identificar una fuente. ¿Alguna vez has tenido este momento de enamorarte de un diseño de sitio web absolutamente aleatorio? Son las imágenes geniales, los diseños de texto geniales, la combinación de colores ganadora, pero lo más importante: las fuentes sobresalientes que literalmente te hacen querer robarlas para tu propio proyecto.
Los diseñadores a menudo se enfrentan al desafío de averiguar qué fuente se utilizó en una imagen en particular o en un sitio web. Mirar a través de una colección completa de fuentes con la esperanza de encontrar una coincidencia no le garantiza ningún éxito, por no decir que toma horas de su valioso tiempo. ¿Y si la fuente ni siquiera está ahí?
Quiero decir, siempre puedes pedir ayuda a diseñadores web experimentados, encontrar un foro relevante o buscar otra opción impresionante de la colección de fuentes TemplateMonster. En cuanto a los foros, prepárate para esperar: tal vez un día, tal vez varias semanas.
…Pero, ¿y si no hay tiempo para esperar?
La buena noticia es que es más fácil de lo que crees. Puede buscar una fuente por imagen utilizando sitios web especiales. Incluso puede descargar una extensión de navegador para mayor comodidad.
Hoy, he seleccionado varios detectores de fuentes gratuitos que usted, como diseñador web, debe conocer. Seleccionar la herramienta de detección de fuentes es solo el primer paso para cargarla en su propio sitio web.
Sigue leyendo y te diré cómo se hace!
Paso 1-Encuentra fuentes de imágenes usando herramientas como:
Qué Fuente Es
«»Qué fuente es» es el servicio más popular para determinar la fuente a partir de una foto o captura de pantalla. Todo lo que necesita es cargar una imagen (o especificar su URL) y el software mostrará las opciones más similares disponibles para su compra en MyFonts. De acuerdo con Qué Fuente Son los creadores, los requisitos para la imagen son:
- texto claramente horizontal
- altura de la letra no inferior a 100 píxeles
- las letras no se tocan
- no más de 50 caracteres en total
Lo que la fuente
WhatTheFont es otro recurso conocido para identificar fuentes como su competidor anterior. A primera vista, parece que los pasos de servicio son similares, pero en realidad no lo son. Con WhatTheFont, todo es un poco más complicado: el resultado final depende directamente de la calidad de la imagen de la fuente. Por cierto, el software no optimiza la imagen automáticamente.
Y aunque en comparación con lo que es la fuente, este recurso tiene una colección de fuentes más débil, aún tiene una mayor probabilidad de reconocimiento de fuentes exitoso. Después de todo, siempre hay un foro temático del sitio web al que acudir.
Ardilla de fuente
Aparentemente, Font Squirrel funciona exactamente igual que los dos servicios anteriores: carga una imagen, recorta una fuente y el software detecta posibles opciones de fuente coincidentes. Pero hay algo que hace que Font Squirrel sea único. En particular, la capacidad de rotar imágenes e identificar fuentes incrustadas en una forma no convencional. Es un instrumento súper útil cuando las imágenes cuentan con fuentes que no se colocan en la posición horizontal habitual, ¡y no encontrará esta función en ningún otro lugar!
Además, no se olvide de mirar a través de las ofertas de Ardillas de fuentes ofrecidas, algunas de ellas son realmente «calientes», así que no se las pierda.
Emparejador
Matcherator es una increíble herramienta de reconocimiento de fuentes en términos de facilidad de uso. El sitio web tiene una práctica función de arrastrar y soltar. Esto significa que puede colocar una imagen de la fuente simplemente arrastrándola al sitio con el ratón. ¡El programa seguramente encontrará lo que necesita! Con esta herramienta, puede reconocer todo tipo de fuentes (con y sin serifs) sin costo alguno.
Además de los servicios en línea anteriores, puede considerar instalar una de las extensiones del navegador. Estos le ayudan a reconocer la fuente no solo de la imagen, sino también de la inscripción. La mejor parte de esto es que no tiene necesidad de abrir una nueva pestaña cada vez que necesite detectar una fuente. Con la extensión activada, el procedimiento es solo cuestión de varios segundos.
Fontface Ninja
FontFaceNinja es en este momento un líder indiscutible. La extensión no solo le ayuda a encontrar el título de la fuente en un sitio web (no a partir de la imagen), sino que también le da la oportunidad de intentar escribir con esta fuente. Además, te permite descargar la fuente que has encontrado y que te ha gustado.
Además de la belleza y conveniencia de esta extensión, FontFaceNinja tiene una especie de botón mágico (máscara) que oculta todos los anuncios de la página, lo que le permite disfrutar solo de las fuentes. La extensión es completamente gratuita y funciona con Chrome y Safari.Muestra de tipo
Esta es otra extensión útil, desafortunadamente, solo para usuarios de Chrome. Funciona de manera similar a la opción anterior, aunque el tipo de muestra puede presumir de algunas características únicas geniales. La oportunidad de «jugar con fuentes» en tiempo real merece una atención especial. Al hacer clic en el bloque de texto resaltado, puede cambiar el tamaño de la fuente, mirar el pangram, ingresar su propio ejemplo de texto y probar varios trucos más que no están disponibles con otros servicios.
Al iniciar sesión en la cuenta de ejemplo de tipo en Twitter, puede crear su propia colección de fuentes y / o ver la de otra persona.
WhatFont
Disponible para Chrome y Firefox, la extensión WhatFont no parece un servicio súper funcional a primera vista. Pero la verdad es que el servicio proporciona a los usuarios mucha información sobre la fuente seleccionada. WhatFont le permite definir no solo los mosaicos de fuentes, sino también la altura de línea, el estilo, el tamaño, la familia de fuentes, así como su código de color actual.
Finalmente, puede previsualizar todas las letras con este tipo de letra e incluso descargar una, siempre que haya sido desarrollada por Google.
Typ.io
Typ.io es una opción perfecta para maximalistas que se niegan a hacer acciones adicionales o para aquellos que simplemente no se preocupan por los estilos de fuente y los códigos de color. Después de instalar la extensión, verá el botón con la letra » T » en la esquina inferior del navegador. Si hace clic en este botón, mostrará los títulos de todas las fuentes identificadas en la página en una columna separada. Para saber dónde se encuentra la fuente, simplemente haga clic en su nombre.
Fuente
Fount es un gran complemento para identificar fuentes en sitios web utilizados por muchos diseñadores web profesionales. Para que funcione, debe agregar un sitio a los marcadores y hacer clic en él. El cursor se convertirá en una cruz, por lo que cuando haga clic en la fuente, verá una ventana con su título, tamaño en píxeles, peso y estilo. Para desactivar el modo Fuente, pulse de nuevo. La extensión funciona con navegadores como Safari, Chrome, Firefox e IE8 +.
Paso 2-Vista previa de la fuente.
Ahora que lo más probable es que haya encontrado ESA fuente impresionante que ha visto en otro lugar, debe averiguar si esta fuente coincidirá con el estilo de su sitio web. «Nunca lo sabrás a menos que lo intentes» – es posible que ya hayas pensado esto y estarías 100% en lo correcto. Pero descargar cada fuente amada a su sitio será una pérdida de dinero, ¿verdad?
La buena noticia es que, si eres usuario de Chrome, puedes obtener una vista previa de cualquier fuente. La extensión Google Font Previewer le permite probarlas en un sitio web sin entrar en el modo de edición. También puedes «marcar» las fuentes que más previsualices y marcarlas como favoritas en tu aplicación.
Paso 3: Cargue la fuente personalizada en su sitio web
Por lo tanto, eligió la fuente correcta que ha estado buscando durante tanto tiempo y ahora es el momento de implementar una en su propio diseño de sitio web. El enfoque más común para agregar una fuente personalizada a un sitio web es usar la regla CSS FontFace.
- Descargue la fuente en un formato relevante (.ttf o .otf)
- Cree un Kit de WebFont para navegación cruzada utilizando el Generador de Webfont
- Cargue este kit en su sitio web utilizando su FTP o administrador de archivos
- Actualice su archivo CSS
- Use la fuente personalizada en sus declaraciones CSS
Si tiene un sitio basado en WordPress, las cosas pueden plugin de tipografía-ya no tendrás que meterte con el código. O puede optar por agregar esas fuentes a su tema manualmente utilizando las funciones.archivo php.
Caligrafía brillante
Si buscas una fuente moderna y suave, entonces esto es lo que necesitas. Incluye impresionantes personajes de estilo neón. Es perfecto para diseñar logotipos, paquetes u otro material promocional. Obtendrá un conjunto de 81 archivos PSD (4000×4000 px) y PNG (2000×2000 px). Puede combinar fácilmente letras separadas para crear la palabra necesaria. Además, estas letras son fáciles de personalizar, puede cambiar su color. También viene con una fuente Golden Bush (archivos OTF y TTF, que puede instalar y usar fácilmente). Está provisto de una textura de fondo oscuro. En general, es un atractivo conjunto de letras de estilo neón de caligrafía. cómo identificar una fuente
Sabor ámbar
Aquí hay una bonita fuente de estilo vintage. Es perfecto si quieres promocionar algo. Es genial usarlo cuando diseñas un logotipo, un menú o un folleto. La fuente vintage también puede hacer que su diseño se vea lujoso, especialmente si usa un patrón agradable. Viene como archivos de fuentes OTF y TTF – puede instalarlos y usarlos fácilmente. Esta fuente viene con un archivo EPS. Está provisto de un fondo de patrón sin costuras. En general, esta fuente viene con todo lo que necesita para crear algo impresionante. Tenga en cuenta que este archivo solo incluye caracteres latinos.
Tipo de letra para fumar
Esta es otra fuente de aspecto vintage que puede hacer que su diseño se vea increíble. Es fácil de personalizar. Tiene archivos separados para la fuente y el efecto de volumen texturizado, para que pueda cambiar fácilmente el color. Por lo tanto, tiene algunas opciones de personalización. Viene como archivos OTF, TTF y WOFF. Por lo tanto, puede instalarlo y usarlo fácilmente. Todos los caracteres utilizan el formato EPS 10. Es genial cuando quieres conseguir el look vintage cuando diseñas algo. Puede ser perfecto cuando creas un logotipo o una imagen para tu sitio web. También recibirás un póster de bonificación.
Cordones de los zapatos
Si necesitas una buena fuente con estilo de escritura a mano, esta es la que necesitas. Esta fuente tiene dos versiones, con el efecto» cordón de zapatos » y sin él. El efecto «cordones de zapatos» añade una textura especial que añade algunas secciones transparentes. Puede hacer que su diseño se vea más interesante. La versión limpia no tiene ese efecto, pero aún se ve increíble y limpia. Viene con 8 barras, ligaduras y alternativas para que pueda hacer su diseño más complejo e interesante. Viene como archivos OTF y TTF, para que pueda instalarlo y usarlo fácilmente. Solo contiene caracteres latinos. Cómo identificar una fuente?
Etiqueta de whisky
Esta es una opción perfecta cuando buscas una fuente de estilo clásico. Puede ser genial usarlo cuando diseñas un paquete, una etiqueta o un logotipo. Hará que su diseño se vea de clase alta y lujoso. Esta fuente viene en archivos OTF y WOFF, para que pueda instalarlos y usarlos fácilmente. Se suministra con cuatro archivos EPS 10 que demuestran cómo se puede usar. Los archivos vectoriales incluyen marcos decorativos, cintas y textura grunge. La fuente incluye números y signos de puntuación. Si buscas la fuente, eso puede hacer que tu diseño destaque, obtén esta ahora mismo. Cómo identificar una fuente?
Agress
Aquí tienes una fuente moderna y agresiva que puede hacer que tu diseño sea llamativo. Esta fuente de estilo graffiti es perfecta cuando quieres hacer que tu diseño se vea no estándar y desafiante. Está limpio y bien diseñado. Esta fuente se proporciona como archivos OTF y TTF que se pueden instalar y usar fácilmente. Viene con imágenes abstractas extra: seis archivos PSD y JPG de 6000×6000. Es una fuente multilingüe, por lo que no tiene límites. Todos los personajes se ven dinámicos, por lo que hacen que el diseño sea más interesante y complejo. Por lo tanto, si desea crear algo a lo que la gente preste atención, esta fuente es la adecuada para usted. Cómo identificar una fuente?
Dentro De La Caja
¿Estás cansado de todas esas fuentes de aspecto estándar? Si lo eres, entonces esta fuente es para ti. Se ve increíble y hará que su diseño sea conceptual y vívido. Esta fuente tiene 2 estilos. Incluye personajes anchos que parecen modernos y conceptuales. También hay personajes delgados que se ven muy elegantes y limpios. Viene como archivos OTF y TTF. Son fáciles de usar. Además, está provisto de archivos de patrones. Los patrones se pueden personalizar para obtener el aspecto que necesita. Solo incluye caracteres latinos. Esta fuente puede ser genial para hacer que su diseño sea algo futurista. cómo identificar una fuente
Fuente Pin Up
Si eres un artista que crea ilustraciones Pin Up, esta fuente es exactamente lo que necesitas tener. Combina perfectamente con las ilustraciones de estilo Pin-Up de fama mundial. Incluye dos estilos de fuente, para que puedas elegir el que más te guste. Viene en formatos OTF y WOFF, por lo que se pueden instalar fácilmente. Está provisto de varias barras que puedes usar para hacer que tu diseño sea más interesante y dinámico. ¡Lo bueno es que esta fuente está provista de una ilustración de chica Pin-Up! Tenga en cuenta que solo incluye letras. cómo identificar una fuente
Megavatios
Esta bonita y moderna fuente caligráfica hará que su diseño se vea poderoso. Esto es genial si necesitas diseñar un logotipo, un póster, una imagen llamativa, etc. Combina el estilo de escritura a mano con algunos ángulos agudos. Esta combinación hace que esta fuente se vea tan poderosa. Incluye algunas ligaduras. Viene como archivos OTF y TTF. Como beneficio adicional, obtendrá un renderizado 3D de alta calidad de un amplificador de guitarra (la resolución de este archivo PSD es de 6000×4000 px. Es una fuente multilingüe (incluye caracteres de Europa occidental). En general, si quieres que tu diseño sea genial, esta fuente es la que necesitas. cómo identificar una fuente
Augustine
Aquí hay una fuente de escritura elegante y moderna. Es súper limpio y suave, por lo que es perfecto para hacer que el diseño sea elegante. Esta fuente es excelente cuando diseña invitaciones, tarjetas de visita, menús, volantes, carteles, etc. Tiene varias características, como conjuntos estilísticos, alternativas estilísticas, alternativas contextuales,ligaduras, etc. Viene con barras, para que pueda agregar toques especiales a su diseño y hacerlo complejo. Se proporciona como archivos OTF y TTF – puede instalarlo y usarlo fácilmente. Tiene muchos glifos. Todos los caracteres están codificados con PUA, puede acceder a ellos sin usar software adicional. Es multilingüe, por lo que no tiene límites. Es muy limpio y hará que su diseño sea impresionante. cómo identificar una fuente
Al final de la línea…
Cómo identificar una fuente? A veces, la mejor manera de encontrar la fuente correcta es buscar ejemplos hermosos y colecciones de fuentes en línea. Lo peor para los diseñadores gráficos es ver una fuente encantadora y no saber cómo se llama. Pero ahora que tienes nueve formas de identificar las fuentes, podrás descubrir sus nombres en solo un par de minutos, ¡o tal vez incluso más rápido!
P.D. Quizás conozcas otras buenas herramientas de detección de fuentes que no he mencionado. Déjame saber en la sección de comentarios!
Consejos de Interfaz de usuario Para Entusiastas del Diseño Web
Al hacer clic en el botón, acepta la Política de Privacidad y los Términos y Condiciones.
FAQ
Puede convertirse en autor y comenzar a vender fuentes, fuentes de iconos y otros tipos de gráficos en TemplateMonster. Se aceptan artículos exclusivos y no exclusivos. Ganarás una comisión del 65% por vender ambos tipos.
Depende de usted decidir qué tipos de letra desea vender. En el mercado, aceptamos fuentes pertenecientes a los 4 grupos básicos: los que tienen serifas, los que no tienen serifas, guiones y estilos decorativos.
Los siguientes tipos de letra se utilizan ampliamente en materiales promocionales y de marketing en el año en curso. Échales un vistazo:
Fuentes distorsionadas.
Serifs retro.
Serifs elegantes y atemporales.
Fuentes de pantalla alpina.
Sin serifs humanistas de carácter.
Tipo cinético.
Lea También
LAS 100 Mejores Fuentes Gratuitas para Diseñadores
60 Fuentes Gratuitas & Premium Bold para Titulares fuertes
10 Tendencias de Tipografía a las que Seguir en 2020
10 Aplicaciones de Fuentes Principales Para Adictos a la Tipografía o Cómo Salir del Laberinto de Fuentes Interminables