5 herramientas para comparar tipos de letra y elegir la fuente correcta para su trabajo

A lo largo de los años, hemos hablado mucho sobre las fuentes. Hemos visto cómo crear fuentes 2 herramientas gratuitas para crear su propia fuente de texto 2 herramientas gratuitas para crear su propia fuente de texto Leer más; cómo descargar algunas fuentes gratuitas 5 fuentes excelentes para descargar fuentes de texto gratuitas 5 fuentes excelentes para descargar fuentes de texto gratuitas Leer más; y también hemos comprobado lo que el mundo piensa acerca de las fuentes con la ayuda de una encuesta. Pero nunca nos sentamos a hablar sobre lo primero que hacemos con las fuentes: compárelas y vea cuál es la más adecuada para nuestro uso..

Estoy usando el término 'fuente' aquí porque es el término más usado, aunque el más preciso es - tipografía, cuando hablamos de su apariencia. Como el diseñador de tipos Norbert Florendo lo puso - fuente es lo que usas, y tipo de letra es lo que ves. Dejando de lado la semántica, cuando intentamos seleccionar una fuente, hacemos muchas comparaciones entre las diferentes fuentes disponibles para nosotros. Aquí hay siete herramientas que pueden ayudarlo a elegir la fuente correcta para su trabajo..

Typetester

La aplicación de fuente en línea está diseñada principalmente para los diseñadores web que pasan mucho tiempo obteniendo la fuente de pantalla correcta. La herramienta no solo le permite seleccionar fuentes de diferentes listas (lista de seguridad web, lista de Windows, lista de Mac, lista de Google) sino que también le brinda algunos menús desplegables para jugar y modificar las propiedades de la fuente. Puedes ingresar tu propio texto de muestra y también jugar con el color.

También puede elegir una variedad de otras fuentes que pueden no estar allí en estas listas. Puede experimentar en el texto de muestra comparando tres fuentes diferentes a la vez o seleccionando una fuente y personalizando las propiedades en las tres columnas. La aplicación Slick te da una vista útil de lado a lado. (Ver mención en el directorio)

FontComparer

Esta es otra herramienta de comparación dinámica que le permite comparar diferentes fuentes web de un vistazo. La elección de fuentes proviene del directorio de fuentes de Google y TypeKit. Puede escribir su propio texto y ver cómo las fuentes cambian el aspecto del título y una línea de texto. Cuando encuentre una fuente que le guste, pase el mouse sobre el texto de muestra para “Obtener fuente” Aparece el enlace. Haga clic en este enlace y el CSS para esa fuente se mostrará en un marco al pie de la página web. Puede copiar y pegar el código en su propio código HTML de página web. (Ver mención en el directorio)

Probador de fuentes

Font Tester no es tan agradable visualmente como la primera aplicación web de nuestra lista, pero no se puede negar su utilidad, ya que viene con algunas opciones más que le permiten obtener una vista previa y elegir la fuente correcta. Puede usar la comparación de fuentes y ver tres estilos uno al lado del otro. Puede usar el texto predeterminado o ingresar nuevamente el suyo propio. A continuación, juegue con las propiedades CSS (se incluyen todas las relacionadas con las fuentes) para obtener el aspecto adecuado que desea para su diseño web. Un selector de color le permite afinar aún más la apariencia. También hay un mapa de caracteres que puedes usar para encontrar rápidamente la entidad HTML correspondiente para un personaje en particular.

Diseñador de juguete

Experimente con diferentes tipos de letra y combinación de colores en esta herramienta en línea. Modifique el texto relacionado con la copia del cuerpo y los titulares, y juegue con los colores de fondo y texto del cuerpo. La ventaja es que recibirá una respuesta instantánea sobre si su combinación elegida cumple con las recomendaciones del World Wide Web Consortium (W3C).

Puede establecer el ancho del artículo de muestra junto con la longitud del artículo y los párrafos. El diseño para diferentes entornos también se ve ayudado por las recomendaciones de accesibilidad de brillo y contraste de color instantáneas de W3C y Hewlett Packard.

Fuente Dragr

Esta herramienta de comparación de fuentes es una aplicación experimental pero interesante de HTML5. Por lo tanto, solo funcionará en navegadores que admitan el nuevo estándar. Ahora mismo es Firefox 3.6 y superior. Simplemente puede arrastrar y soltar cualquier fuente Truetype (ttf), Opentype (otf), gráficos vectoriales escalables (svg) o Web Open Font Format (WOFF) desde el escritorio a la barra lateral izquierda y cambia la familia de fuentes del texto. El texto predeterminado se puede editar para incluir el suyo propio. Puede seleccionar las fuentes en el panel izquierdo y observar los cambios.

Hasta ahora hemos examinado cinco aplicaciones web en línea que nos permitieron ver y seleccionar la fuente correcta. Si en su lugar está buscando un software de escritorio gratuito, aproveche la oportunidad con FontViewOK (ver.2.15). Es una aplicación solo para Windows y, como le informará nuestra breve revisión, es más simple que las aplicaciones web que hemos cubierto anteriormente..

¿Es usted un diseñador web que necesita una herramienta de comparación de fuentes en su kit de herramientas de diseño web? ¿Cuáles son las otras aplicaciones relacionadas con fuentes que te gustaría recomendar??

Crédito de la imagen: Shutterstock

Explore más acerca de: Fuentes, Diseño web, Desarrollo web, Herramientas para webmasters.