Ir al contenido principal

Personalizar fuentes y tipografía

Selecciona fuentes personalizadas y ajusta el estilo de texto en todo tu sitio web de boda.

Escrito por Brian
Actualizado hoy

Personalizar fuentes y tipografía

Selecciona fuentes personalizadas y ajusta el estilo de texto en todo tu sitio web de boda.

¿Quieres que tu sitio web de boda tenga la tipografía perfecta? Puedes personalizar fuentes, tamaños, espaciado y más para diferentes elementos de texto en todo tu sitio. ¡Crea un diseño cohesivo y hermoso que coincida con el estilo de tu boda!

Qué puedes personalizar

WedSites te permite controlar la tipografía para siete tipos de texto diferentes:

Texto del cuerpo (Fuente): Párrafos principales y contenido

Nombres de la pareja (Fuente de nombres): Tus nombres en el encabezado

Ampersand (Fuente del ampersand): El "and" o "&" entre tus nombres

Fecha (Fuente de fecha): Texto de la fecha de boda

Encabezados (Fuente de encabezados): Encabezados de secciones

Títulos (Fuente de títulos): Títulos de páginas

Etiquetas (Fuente de etiquetas): Etiquetas de formularios, botones, texto pequeño

¡Cada uno tiene familia tipográfica, tamaño, mayúsculas, espaciado entre letras y altura de línea personalizables!

Cómo acceder a la configuración de tipografía

  1. Ve a Sitio web en tu navegación principal

  2. Haz clic en el icono de configuración para abrir Configuración del sitio

  3. Haz clic en la pestaña Fuentes en la parte superior

  4. Verás secciones para cada tipo de texto

  5. Personaliza cada elemento como desees

  6. Haz clic en Guardar cambios en la parte inferior

¡Tu tipografía se actualiza en todo tu sitio!

Restaurar fuentes por defecto

En la parte superior de la pestaña Fuentes, hay un enlace Restaurar valores por defecto.

¡Al hacer clic se restablece toda la configuración de fuentes a la tipografía original de tu tema. Útil si quieres empezar de nuevo!

Opciones de mayúsculas

Para cada tipo de texto, elige las mayúsculas:

Mixtas (Aa): Capitalización normal - "Emily y Jordan"

MAYÚSCULAS (AA): Todo en mayúsculas - "EMILY Y JORDAN"

minúsculas (aa): Todo en minúsculas - "emily y jordan"

¡Haz clic en los botones de mayúsculas para cambiar cómo aparece el texto!

Personalización del texto del cuerpo (Fuente)

Controla el texto principal de tu contenido.

Familia tipográfica: Elige del menú desplegable (más de 200 fuentes disponibles)

Tamaño de fuente: 10-72px

Espaciado entre letras: -0.2 a 0.8 (control deslizante)

Altura de línea: 1 a 3 (control deslizante)

Mayúsculas: Mixtas, mayúsculas o minúsculas

¡Esto afecta todo el texto de párrafos en tu sitio!

Personalización de fuente de nombres

Controla cómo aparecen los nombres de la pareja.

Familia tipográfica: Elige del menú desplegable

Tamaño de fuente: 24-300px

Espaciado entre letras: -0.2 a 0.8

Altura de línea: 0 a 3

Mayúsculas: Mixtas, mayúsculas o minúsculas

Redimensionar automáticamente: Casilla para ajustar automáticamente el tamaño para diferentes pantallas

¡Usa Redimensionar automáticamente para nombres responsivos que se vean bien en todos los dispositivos!

Personalización de fuente del ampersand

Controla solo el "and" o "&" entre tus nombres.

Familia tipográfica: Elige del menú desplegable

Tamaño de fuente: 24-300px

Espaciado entre letras: -0.2 a 0.8

Altura de línea: 0 a 3

Mayúsculas: Mixtas, mayúsculas o minúsculas

Escribir "and" completo: Casilla para escribir "and" en lugar de "&"

¡Haz el ampersand elegante y decorativo, o mantenlo simple!

Personalización de fuente de fecha

Controla el texto de tu fecha de boda.

Familia tipográfica: Elige del menú desplegable

Tamaño de fuente: 10-72px

Espaciado entre letras: -0.2 a 0.8

Altura de línea: 0 a 3

Mayúsculas: Mixtas, mayúsculas o minúsculas

¡Estiliza tu fecha para que coincida con tu nivel de formalidad!

Personalización de fuente de encabezados

Controla los encabezados de secciones en todo tu sitio.

Familia tipográfica: Elige del menú desplegable

Tamaño de fuente: 24-200px

Espaciado entre letras: -0.2 a 0.8

Altura de línea: 0 a 3

Mayúsculas: Mixtas, mayúsculas o minúsculas

Redimensionar automáticamente: Casilla para encabezados responsivos

¡Los encabezados deberían destacar pero ser legibles!

Personalización de fuente de títulos

Controla los títulos de páginas.

Familia tipográfica: Elige del menú desplegable

Tamaño de fuente: 24-200px

Espaciado entre letras: -0.2 a 0.8

Altura de línea: 0 a 3

Mayúsculas: Mixtas, mayúsculas o minúsculas

Redimensionar automáticamente: Casilla para títulos responsivos

¡Los títulos son similares a los encabezados pero podrían aparecer diferente en tu tema!

Personalización de fuente de etiquetas

Controla etiquetas de formularios, botones y texto pequeño.

Familia tipográfica: Elige del menú desplegable

Tamaño de fuente: 10-72px

Espaciado entre letras: -0.2 a 0.8

Altura de línea: 0 a 3

Mayúsculas: Mixtas, mayúsculas o minúsculas

¡Mantén las etiquetas legibles y funcionales!

Elegir familias tipográficas

El menú desplegable de fuentes incluye más de 200 fuentes profesionalmente seleccionadas:

Fuentes serif: Tradicionales, elegantes (como Playfair, Lora)

Fuentes sans-serif: Modernas, limpias (como Open Sans, Raleway)

Fuentes script: Elegantes, manuscritas (como Great Vibes, Pacifico)

Fuentes display: Únicas, decorativas

¡Previsualiza las fuentes en el menú desplegable para ver cómo se ven!

Consejos para combinar fuentes

Contraste: Combina serif con sans-serif (encabezado serif, cuerpo sans-serif)

Similitud: Usa fuentes de la misma familia para armonía

Jerarquía: Usa tamaño y peso de fuente para crear jerarquía visual

Limita: No uses más de 2-3 familias tipográficas diferentes

Prueba: Asegúrate de que las fuentes sean legibles juntas

Buen ejemplo de combinación:
- Nombres: Script elegante
- Cuerpo: Sans-serif limpia
- Encabezados: Serif audaz

Guías de tamaño de fuente

Texto del cuerpo: 14-18px (legible para párrafos largos)

Nombres: 48-96px (prominentes pero no abrumadores)

Encabezados: 24-36px (más grandes que el cuerpo, más pequeños que los nombres)

Etiquetas: 12-16px (pequeñas pero legibles)

¡Los tamaños pueden variar según tu tema y diseño!

Espaciado entre letras (tracking)

Controla el espacio entre letras.

Valores negativos: Letras más juntas (apretado, compacto)

Cero: Espaciado por defecto

Valores positivos: Letras más separadas (aireado, espacioso)

Texto en mayúsculas: A menudo necesita más espaciado entre letras

Texto en minúsculas: Generalmente bien con el espaciado por defecto

¡Ajusta el control deslizante para encontrar el espaciado perfecto!

Altura de línea (interlineado)

Controla el espacio vertical entre líneas de texto.

Valores bajos (1-1.5): Apretado, compacto

Valores medios (1.5-2): Lectura cómoda

Valores altos (2-3): Aireado, mucho espacio en blanco

Texto del cuerpo: Generalmente 1.5-1.8 para legibilidad

Encabezados: Puede ser más apretado, 1.2-1.4

Función de redimensionar automáticamente

Disponible para Nombres, Encabezados y Títulos.

Cuando está activada: El tamaño de fuente se ajusta automáticamente para diferentes tamaños de pantalla

Cuando está desactivada: El tamaño de fuente es fijo

Recomendado: ACTIVA para tipografía responsiva que funcione en móvil

Probar la tipografía

Después de personalizar:

  1. Visita tu sitio en vivo

  2. Verifica la legibilidad del texto del cuerpo

  3. Mira los nombres y encabezados

  4. Ve diferentes páginas

  5. Prueba en móvil

  6. Prueba en diferentes navegadores

  7. Pide opiniones a amigos

¡La tipografía debería ser hermosa Y funcional!

Consideraciones móviles

Tamaños de fuente: Podrían aparecer diferentes en teléfonos

Redimensionar automáticamente: Ayuda a las fuentes a adaptarse a pantallas pequeñas

Espaciado entre letras: Podría necesitar ajuste para móvil

Altura de línea: Mantén cómoda para lectura en móvil

¡Siempre prueba la tipografía en móvil!

Accesibilidad

Fuentes legibles: Evita fuentes excesivamente decorativas para texto del cuerpo

Tamaño suficiente: El texto del cuerpo debería ser al menos 14-16px

Altura de línea: Espaciado adecuado para lectura fácil

Contraste: Asegúrate de que el texto destaque del fondo

Consistente: Usa jerarquía claramente (encabezados más grandes que cuerpo)

¡La buena tipografía ayuda a todos los invitados a disfrutar tu sitio!

Estilos tipográficos comunes

Clásico elegante:
- Nombres: Playfair Display
- Cuerpo: Lora
- Encabezados: Cinzel

Moderno limpio:
- Nombres: Montserrat Bold
- Cuerpo: Open Sans
- Encabezados: Raleway

Script romántico:
- Nombres: Great Vibes
- Cuerpo: Quicksand
- Encabezados: Libre Baskerville

Rústico casual:
- Nombres: Amatic SC
- Cuerpo: Karla
- Encabezados: Merriweather

Formal vs. casual

Bodas formales:
- Fuentes serif
- Capitalización normal
- Espaciado entre letras más apretado
- Combinaciones clásicas

Bodas casuales:
- Fuentes sans-serif o juguetonas
- Quizás todo en minúsculas
- Espaciado entre letras más suelto
- Combinaciones divertidas

¡Haz que la tipografía coincida con la vibra de tu boda!

Jerarquía tipográfica

Crea una jerarquía clara:

Más grande: Nombres (80-100px)
Grande: Títulos y encabezados (30-40px)
Medio: Texto del cuerpo (16-18px)
Pequeño: Etiquetas (12-14px)

¡Las diferencias de tamaño ayudan a los invitados a navegar tu contenido!

Consistencia de marca

Si tienes marca de boda (invitaciones, papelería):

Coincide con las fuentes de tus materiales impresos

Usa los mismos tamaños relativos entre sí

Mantén el mismo estilo (formal, casual, romántico)

¡La consistencia hace que todo se sienta cohesivo!

Valores por defecto del tema

Tu tema viene con tipografía cuidadosamente elegida. ¡El enlace Restaurar valores por defecto en la parte superior restablece a la configuración del tema si quieres empezar de nuevo!

CSS personalizado para tipografía avanzada

Si necesitas aún más control, puedes usar CSS personalizado en la pestaña Diseño. ¡Pero la pestaña Fuentes cubre la mayoría de las necesidades tipográficas!

Guardar tu configuración tipográfica

Anota tus elecciones de fuente y tamaños:

Nombres: Great Vibes, 72px
Cuerpo: Open Sans, 16px
Encabezados: Playfair Display, 32px

¡Así puedes recrear tu configuración si es necesario!

¡Personalizar fuentes y tipografía le da a tu sitio web de boda un aspecto único y pulido que coincide perfectamente con el estilo de tu boda y hace que el contenido sea fácil de leer!

¿Ha quedado contestada tu pregunta?