Las 20 mejores herramientas en línea para diseño web y tipografía

En este artículo, presentaremos la segunda parte de una lista de 40 herramientas en línea para diseño web. En esta ocasión, nos enfocaremos en recursos para fuentes, topografía y tipografía. Estas herramientas te ayudarán a mejorar la apariencia y composición de tus diseños, incluyendo la elección de fuentes, gráficos, imágenes, texturas y el aspecto general de tu sitio web.

#21 Google Font Previewer y API

Esta guía explica cómo utilizar la API de Google Font Previewer para agregar fuentes web a tus páginas. No necesitas programar nada, simplemente agrega un enlace especial en tu documento HTML y luego referencia la fuente en una hoja de estilo CSS.

#22 HTML-Ipsum

Este sitio web creado por Chris Coyier ofrece un recurso útil de Ipsum text ya en tags HTML. Solo tienes que hacer clic en los títulos para copiar el texto al portapapeles. Html-Ipsum te proporciona texto en Latín ya en tags HTML, como listas desordenadas, listas ordenadas o listas de definiciones, solo por nombrar algunos ejemplos. No olvides visitar CSS Tricks, otro gran recurso.

#23 Identifont

Identifont te permite identificar un tipo de letra a partir de una muestra, respondiendo una serie de preguntas sobre características clave. Identifont es el directorio más grande e independiente de tipografías en Internet. Proporciona una variedad de funciones para ayudarte a localizar fuentes o encontrar información sobre ellas:

• Encontrar fuentes por apariencia
• Encontrar fuentes por nombre
• Encontrar fuentes similares
• Encontrar fuentes de pictogramas y símbolos
• Encontrar diseñadores y distribuidores

El sitio web de Identifont está basado en el Common Lisp Hypermedia Server, un servidor web diseñado para aplicaciones avanzadas en inteligencia artificial e investigación, desarrollado en el Laboratorio de Inteligencia Artificial del Instituto Tecnológico de Massachusetts.

#24 Lino Type Font Finder

Si tienes un conjunto limitado de letras, como en un logotipo o encabezado, introdúcelas en el buscador de fuentes y recibirás preguntas que puedes responder a partir de las letras que especificaste.

Cómo utilizar los foros en línea para promocionar tu aplicación móvil

#25 Lorem Ipsum

"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."

"No hay nadie que ame el dolor mismo, que lo busque y lo quiera tener, simplemente porque es dolor..."

Los párrafos, palabras, bytes o listas de Lorem Ipsum están disponibles, incluyendo banners de muestra en varios colores y diferentes tamaños.

#26 Microsoft Clear Type Tuner

Utiliza esta herramienta en línea para ajustar la configuración ClearType de Windows XP y mejorar la legibilidad del texto. Ten en cuenta que esta herramienta en línea actualmente no es compatible con Windows Vista.

#27 Microsoft Typography

Una lista seleccionada de productos de Microsoft y fuentes organizadas por familias. También incluye una lista de fuentes básicas para la web y una colección de fuentes ClearType.

#28 PXtoEM

PXtoEM es una calculadora que realiza conversiones de píxeles, ems, puntos y porcentajes. Con esta herramienta en línea, puedes convertir fácilmente píxeles a ems, porcentajes y puntos.

Cómo habilitar la Interfaz de Puerta de Enlace Común (CGI) en tu servidor Apache

#29 STC FontBrowser

Esta aplicación flash te permite previsualizar rápidamente las fuentes activas en tu sistema.

#30 Texster

Aunque parece estar en ruso, esta herramienta es un selector de fuentes muy útil con opciones para modificar el tamaño, la altura de línea, el espaciado entre letras y palabras, así como la sangría del texto, en em, px, pt o %. También puedes elegir el color del texto y el color de fondo. Simplemente copia el CSS una vez que hayas configurado lo que necesitas.

#31 The TTFTitles WordPress Plugin

Este plugin de WordPress te permite usar imágenes para reemplazar los títulos de tus publicaciones, evitando así el problema de adivinar qué fuentes tienen instaladas tus usuarios finales.

#32 Type Chart

Typechart te permite hojear, previsualizar y comparar tipografías web mientras obtienes el CSS correspondiente:

• Navegar por estilos tipográficos
• Descargar el CSS
• Comparar la representación en Windows (ClearType) con la representación de Apple. Cada estilo se corresponde con un "ID de estilo" que te permite anotar prototipos y obtener el CSS mientras codificas.

#33 Type Navigator

TypeNavigator es el primer sistema interactivo de búsqueda visual de fuentes. Selecciona las formas en la izquierda que mejor describan la fuente que estás buscando, y luego elige otros atributos seleccionando los botones de opción que definen las características y haz clic en "Buscar".

#34 Type Tester

Typetester es una aplicación en línea para comparar fuentes en pantalla. A medida que se incluyen nuevas fuentes en los sistemas operativos, se actualizará la lista de fuentes comunes. La estructura del código de Typetester es XHTML, con estilos CSS de alta calidad y se basa en JavaScript para manipular estructuras DOM. Typetester no funcionará si JavaScript está desactivado. Typetester fue creado por User Interface Studio.

iiNet adquiere Internode por $105 millones para sobrevivir

#35 typeface.js

En lugar de crear imágenes o usar flash para mostrar el texto gráfico de tu sitio web en la fuente que deseas, puedes usar typeface.js y escribir en HTML y CSS normal, como si tus visitantes tuvieran la fuente instalada localmente. Esto es lo que necesitas hacer: carga la biblioteca typeface.js y algunas fuentes typeface.js, y luego continúa como de costumbre.

#36 Typophile Forum

Uno de los mejores foros relacionados con tipografía, donde puedes encontrar información muy útil, hacer preguntas y conectar con personas expertas en este ámbito.

#37 Typotheque Hi-Res FontTester

Esta es una herramienta útil, pero está limitada a las fuentes disponibles para comprar en el sitio. Puedes crear un archivo PDF a partir de los resultados finales.

#38 What The Font (My Fonts)

WhatTheFont te permite escanear o proporcionar la URL de una fuente y te dirá cuál es. ¿Has visto una fuente en uso y quieres saber cuál es? Envía una imagen a WhatTheFont para encontrar la coincidencia más cercana en su base de datos. También puedes solicitar ayuda en el foro de WhatTheFont.

#39 Wordle

Wordle es una aplicación en línea divertida que genera "nubes de palabras" a partir de texto o URL con un feed RSS que proporciones. Las nubes de palabras dan mayor prominencia a las palabras que aparecen con más frecuencia en el texto de origen. Puedes ajustar tus nubes de palabras con diferentes fuentes, diseños y esquemas de color. Las imágenes que creas con Wordle son tuyas para usar como desees. Puedes imprimirlas o guardarlas en la galería de Wordle para compartirlas con tus amigos.

#40 Your Fonts

YourFonts.com es un generador de fuentes en línea que te permite crear tus propias fuentes OpenType en cuestión de minutos. ¡Crea tu propia letra cursiva como una fuente!

Problemas con el ASUS Transformer: una revisión honesta y detallada

¿Tienes alguna otra herramienta que te gustaría agregar a esta lista? ¡Compártela en los comentarios!

En Newsmatic nos especializamos en tecnología de vanguardia, contamos con los artículos mas novedosos sobre Desarrollo, allí encontraras muchos artículos similares a Las 20 mejores herramientas en línea para diseño web y tipografía , tenemos lo ultimo en tecnología 2023.