Saltar al contenido
🛠️ToolsShed

Generador de Espaciado de Letras

Previsualiza y genera CSS letter-spacing y word-spacing para tipografía.

Vista Previa

The quick brown fox jumps over the lazy dog

letter-spacing: 0px;
word-spacing: 0px;
font-size: 18px;

Acerca de esta herramienta

El espaciado de letras (CSS letter-spacing) y el espaciado de palabras (CSS word-spacing) son propiedades tipográficas fundamentales que controlan la distancia horizontal entre caracteres y palabras. Ajustar estos valores puede mejorar dramáticamente la legibilidad, transmitir el tono del diseño y realzar la jerarquía visual. Esta herramienta te permite previsualizar estos ajustes de espaciado en tiempo real en un texto de ejemplo, facilitando encontrar el equilibrio perfecto para tu tipografía.

Simplemente escribe o pega tu texto en el editor, luego ajusta los controles deslizantes de espaciado de letras y palabras para ver una vista previa en vivo de cómo se ve el texto con diferentes valores de espaciado. Puedes ver el espaciado en unidades de píxeles (px), em o rem, lo que mejor se adapte a tu marco CSS. Una vez que hayas encontrado el espaciado que te gusta, copia el CSS generado directamente a tu hoja de estilos sin necesidad de calcular valores manualmente.

Preguntas Frecuentes

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.