Documentación / Diseño

Texto y fuentes

El texto suele ser lo primero que leen las visitas, así que merece más atención que los ajustes predeterminados. La pestaña Texto controla las palabras del bloque seleccionado.

Actualizado el

Encabezados y párrafos

Usa Encabezado para títulos y nombres de sección, y Párrafo para el texto del cuerpo. Los encabezados vienen en niveles: H1, H2 y H3.

Usa un solo H1 por página, normalmente el título principal. Usa H2 para las secciones principales y H3 para las subsecciones más pequeñas. Esto ayuda a las visitas a hojear la página y ayuda a los buscadores y a los lectores de pantalla a entender su estructura.

No elijas un nivel de encabezado solo porque se vea del tamaño adecuado. Elige el nivel que encaje con la estructura y luego cambia el tamaño de letra si lo necesitas.

Fuente

El control Fuente cambia la tipografía. Tu proyecto empieza con una fuente para encabezados y otra para el cuerpo, elegidas en el asistente de nuevo proyecto. Puedes sobrescribir la fuente de un solo bloque cuando lo necesites.

Algunas reglas prácticas:

  • Dos fuentes suelen ser suficientes: una para encabezados y otra para el texto del cuerpo.

  • Las fuentes sans serif son fáciles de leer en pantalla.

  • Las fuentes serif pueden sentirse más editoriales o clásicas.

  • Las fuentes monoespaciadas son para código, etiquetas y pequeños detalles técnicos.

Tamaño y grosor

Tamaño cambia qué tan grande es el texto. El texto del cuerpo suele rondar los 16 a 18 píxeles. Los encabezados pueden ser mucho más grandes.

Grosor cambia qué tan negrita es la tipografía. Usa la negrita para dar énfasis, no para párrafos enteros. Una página donde todo está en negrita ya no tiene énfasis.

Color

El color del texto debe contrastar con el fondo. Texto oscuro sobre fondo claro y texto claro sobre fondo oscuro son las opciones seguras.

Si dudas, revisa la página en un teléfono con luz brillante. El contraste bajo cuesta mucho más de notar en un monitor de escritorio grande.

Alineación

Alinear define si el texto va a la izquierda, centrado o a la derecha.

La alineación a la izquierda es la más fácil de leer para párrafos. El texto centrado funciona para encabezados cortos, citas y llamadas a la acción. La alineación a la derecha es rara; úsala solo cuando tengas un motivo.

Estilos en línea

Selecciona parte del texto para ponerlo en negrita, cursiva, subrayado o tachado. También puedes añadir un enlace al texto seleccionado.

Los estilos en línea son para dar énfasis dentro de una frase. No sustituyen a un encabezado ni a un párrafo aparte.

Para un icono pequeño en línea, escribe : y busca, por ejemplo :check o :star. Lee Comandos de barra y atajos ocultos para saber cómo funciona la cuadrícula de iconos.

Sombra de texto

La Sombra de texto añade una sombra detrás de las letras. Puede ayudar a que el texto se lea sobre una foto, pero también puede verse anticuada o desordenada.

Si el texto cuesta de leer sobre una imagen, prueba primero con una capa oscura sobre la imagen. La sombra es la segunda opción, no la primera.

Enlaces en el texto

Selecciona texto y usa el control de enlace para apuntarlo a una página, una URL, una dirección de correo o un número de teléfono. También puedes elegir abrir el enlace en una pestaña nueva.

Evita "haz clic aquí" como texto del enlace. Describe el destino: "Mira los precios" o "Lee la historia completa". Ayuda a las visitas y a los lectores de pantalla.

Tipografía y el resto del sitio

Los estilos que defines aquí se aplican a un bloque o a una selección. Si quieres que cambien todos los encabezados o todos los botones, usa el Gestor de estilos.

Una receta sencilla para empezar

Para una página legible:

  1. Un H1 arriba.

  2. Texto del cuerpo a 16-18 píxeles.

  3. Un H2 por cada sección principal.

  4. Espacio generoso entre secciones.

  5. Párrafos alineados a la izquierda.

  6. Un color de acento para enlaces y botones.

Luego lee la página en un teléfono. Si tienes que hacer zoom, el texto es demasiado pequeño.

Remake

Un creador de sitios web que funciona como un documento. CMS, formularios y alojamiento en la UE incluidos.

© 2026 Remake. Todos los derechos reservados.