Generador de capitulares en inglés

Diseña la primera letra del texto como una gran letra decorativa y copia su CSS.

Diseña visualmente una capitular (drop cap), esa tipografía que agranda la primera letra de un párrafo para destacarla. Personaliza el tamaño, la fuente, el color y los márgenes, y llévate el código CSS y HTML listo para pegar en tu web.

도구를 불러오는 중…

🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.

Cómo usar

  1. Escribe el texto en inglés que quieres usar como simulación.
  2. Ajusta con los deslizadores la fuente, el color, el tamaño y los márgenes de la primera letra.
  3. Observa el resultado en la vista previa en tiempo real y copia el código CSS generado.

Preguntas frecuentes

¿Cómo funciona una capitular en la web?
Lo estándar es usar el pseudoelemento ::first-letter de CSS: selecciona únicamente la primera letra y sobre ella se aplican el float y el ajuste de tamaño, entre otras propiedades.
¿Funciona con otros alfabetos?
La capitular es un recurso propio de la tipografía latina. Técnicamente puede aplicarse a otras escrituras, pero por las particularidades de su composición y maquetación recomendamos usarla con texto en alfabeto latino.
¿Puedo pegar el CSS generado directamente en una plataforma de blog como WordPress?
Sí, el código generado es CSS estándar, así que al pegarlo en el campo de CSS personalizado o en el modo de edición HTML de tu plataforma, la misma letra capitular se reproduce en la mayoría de los blogs.

← Volver a todas las herramientas

Ver preciosConsulta gratis