Skip to content

Texto y tipografía

Añade texto desde tarjetas de adición rápida, una galería de estilos o la herramienta de texto, luego dale formato con una biblioteca de fuentes buscable y el conjunto completo de controles tipográficos en el panel de propiedades.

Resumen rápido

  1. Haz clic en Añadir un cuadro de texto, o en una tarjeta de adición rápida para un encabezado, subtítulo o línea de cuerpo, en el panel izquierdo.
  2. O presiona T (la herramienta de texto) y haz clic en cualquier lugar del lienzo para colocar un nuevo cuadro de texto, o haz clic en texto existente para editarlo.
  3. Haz doble clic en cualquier objeto de texto para editar su contenido en línea; presiona Esc para finalizar.
  4. Usa el panel de propiedades para establecer fuente, peso, tamaño, estilo, alineación, espaciado entre letras, altura de línea, relleno, relleno y opacidad.
  5. Inicia un diseño con un estilo de texto predefinido o una combinación de fuentes, ambos en el panel de Texto.

Referencia detallada

Añadir texto

Punto de entradaFuenteTamañoNotas
Añadir un cuadro de textoDM Sans20 pxPárrafo simple, listo para escribir encima
Añadir un encabezadoUnbounded28 px, negritaUna fuente de visualización usada solo para encabezados
Añadir un subtítuloDM Sans20 px, seminegrita
Añadir un poco de texto de cuerpoDM Sans14 px
Herramienta de texto (T)DM Sans24 pxHaz clic en lienzo vacío para un nuevo cuadro, haz clic en texto existente para editarlo

Cada cuadro de adición rápida se ajusta a su texto de marcador de posición al insertarse, por lo que comienza ajustado en lugar de un bloque de ancho fijo, y sigue siendo redimensionable manualmente desde los controladores de esquina. Añadir un cuadro de texto te lleva directamente a la edición en línea con el marcador de posición seleccionado, para que puedas escribir encima de inmediato.

Galería de estilos de texto

Una galería de 20 estilos predefinidos diseñados, cada uno una pequeña pila de líneas estilizadas (una etiqueta más un titular, por ejemplo), agrupados en cuatro categorías:

CategoríaSensación
NegritaTipografía de visualización pesada para declaraciones y titulares
EleganteCombinaciones serif y cursiva para un tono refinado
Escritura a manoAcentos de escritura a mano y tipografía de visualización de caligrafía
MínimoPesos ligeros y espaciado generoso entre letras

Busca por palabra clave o filtra por categoría. La galería muestra 8 estilos a la vez; Cargar más revela el resto. Al hacer clic en un estilo, se inserta un conjunto agrupado de líneas de texto; haz doble clic en el grupo para desagrupar y editar cada línea por separado.

Combinaciones de fuentes

Ocho combinaciones curadas de encabezado y cuerpo, cada una insertada como un encabezado editable sobre una línea de cuerpo:

CombinaciónFuente del encabezadoFuente del cuerpo
EditorialPlayfair DisplayDM Sans
ModernoAnton (mayúsculas)Outfit
EleganteCormorant Garamond (cursiva)DM Sans
Impacto audazBebas NeueDM Sans
JuguetónPacificoOutfit
LimpioOutfitOutfit (light)
ClásicoLoraDM Sans
DeclaraciónOswald (mayúsculas)DM Sans

Campos dinámicos

Dos campos inteligentes insertan texto en vivo que refleja el diseño actual en lugar de contenido escrito:

CampoInserta
FechaLa fecha de hoy, escrita en su totalidad
Número de páginaLa posición de la página actual, comenzando en 1

Ambos vienen como objetos de texto normales que puedes rediseñar libremente. El valor se captura en el momento en que insertas el campo, por lo que debes volver a insertarlo si la fecha o la página cambian. Funcionan bien con el Generador por lotes cuando generas muchas páginas personalizadas a la vez.

Controles de formato

Disponibles en el panel de propiedades siempre que un objeto de texto esté seleccionado:

PropiedadRango / opcionesNotas
Familia tipográficaLista buscableBusca familias integradas y cualquier fuente que hayas subido
Peso100-900Solo aparecen los pesos que la familia seleccionada realmente admite
Tamaño6-120 px
EstiloNegrita, cursivaBotones independientes
AlineaciónIzquierda, centro, derechaAlinea las líneas de texto dentro del cuadro
Espaciado entre letras-5 a 30
Altura de línea0.5 a 3Multiplicador del tamaño de la fuente; valor predeterminado 1.16
Relleno0-200 pxEspacio mantenido alrededor del texto dentro de su cuadro delimitador
RellenoNinguno, sólido, degradado, imagen
Opacidad0-100%

Cambiar el Tamaño de un cuadro de texto reajusta su ancho al nuevo contenido, por lo que el marco no permanece más ancho que el texto.

Efectos

Trazo, sombra paralela y transformaciones de mayúsculas/minúsculas están en su propia sección. Consulta Efectos de texto.

Paso a paso

Crear un bloque de encabezado y cuerpo

  1. Abre el panel Texto (Alt+2).
  2. Haz clic en Añadir un encabezado. Un cuadro "Encabezado" en Unbounded, 28 px negrita, se coloca en el centro del lienzo.
  3. Haz clic en Añadir un poco de texto de cuerpo. Se añade un cuadro "Texto de cuerpo" en DM Sans, 14 px.
  4. Haz doble clic en cada cuadro para reemplazar el marcador de posición, luego presiona Esc.
  5. Arrastra el cuadro de cuerpo directamente debajo del encabezado para apilarlos.
  6. Ajusta el encabezado en el panel de propiedades: aumenta el Tamaño, elige un Peso más pesado y ajusta el Espaciado entre letras (espacio entre letras) para un aspecto de visualización. Usa los botones de alineación en la sección Estilo para alinear a izquierda, centro o derecha el texto dentro de cada cuadro.

Aplicar una combinación de fuentes y luego ajustarla

  1. En el panel de Texto, abre Combinaciones de fuentes y elige una combinación, por ejemplo Editorial (Playfair Display sobre DM Sans).
  2. La combinación se inserta como un encabezado y línea de cuerpo agrupados. Haz doble clic en el grupo para desagrupar.
  3. Selecciona la línea de encabezado. En el panel de propiedades, establece Peso a 700 y reduce Espaciado entre letras hacia -1 para un titular más apretado.
  4. Selecciona la línea de cuerpo y aumenta Altura de línea a aproximadamente 1.4 para que el texto de varias líneas respire.
  5. Reescribe ambos marcadores de posición con tus propias palabras.

Insertar una fecha o número de página dinámicos

  1. Abre el panel de Texto y ve a Campos dinámicos.
  2. Haz clic en Fecha para insertar la fecha de hoy escrita en su totalidad, o Número de página para la posición de la página actual.
  3. El campo llega como un cuadro de texto normal, por lo que puedes rediseñar su fuente, tamaño y color como cualquier otro texto.

Ajustar la altura de línea y el espaciado entre letras para un titular de póster

  1. Añade un encabezado y escribe dos o tres líneas cortas.
  2. Selecciónalo y abre la sección Espaciado del panel de propiedades.
  3. Establece Altura de línea baja, alrededor de 0.9 a 1.0, para que las líneas apiladas queden ajustadas como en un póster.
  4. Establece Espaciado entre letras ligeramente negativo para juntar los caracteres.
  5. Aumenta el Tamaño hacia el límite de 120 px para máximo impacto; para ir más allá, arrastra un controlador de esquina para escalar el cuadro más allá del límite numérico.

Tareas comunes

ObjetivoCómo hacerlo
Párrafo rápidoAñadir un cuadro de texto, luego escribir sobre "Texto aquí"
Titular de exhibiciónAñadir un encabezado (Unbounded), luego aumentar Tamaño y Peso
Coincidir con un diseño curadoElegir un estilo de Texto predefinido o una Combinación de fuentes, luego desagrupar para editar
Reutilizar un texto estilizadoDuplicarlo con Ctrl+D y reescribir; la copia conserva el estilo
Centrar texto en un cuadroSeleccionarlo y usar los botones de alineación en la sección Estilo
Aflojar texto densoAumentar la Altura de línea y añadir un poco de Espaciado entre letras

Solución de problemas

Un peso parece idéntico a otro

El menú de Peso muestra del 100 al 900, pero una fuente solo representa los pesos que realmente incluye. Si Black (900) se ve como Bold (700), esa familia no tiene corte Black y el navegador retrocede al peso más cercano. Cambia a una familia con más pesos, o aplica una fuente de visualización más pesada.

El tamaño se detiene en 120

El campo de Tamaño tiene un límite de 120 px. Para un titular más grande, establece 120, luego arrastra un controlador de esquina para escalar el cuadro más allá del límite numérico.

Las ediciones cambian todo el grupo

Los estilos de texto predefinidos y las combinaciones de fuentes se insertan como un grupo. Las ediciones tipográficas se aplican a todas las líneas a la vez hasta que hagas doble clic para desagrupar y seleccionar una sola línea.

El primer encabezado puede tardar

"Añadir un encabezado" usa Unbounded, una fuente de visualización que no se usa en ningún otro lugar. En una carga fría, se descarga antes de que se cree el cuadro, por lo que el primer encabezado puede tardar un momento en aparecer con las medidas correctas.

Atajos de teclado

AtajoAcción
TActivar la herramienta de texto
Doble clicEditar un objeto de texto en línea
EscFinalizar edición
Alt+2Abrir el panel de Texto

Consejos

Busca en lugar de desplazarte

Escribe en la búsqueda de fuentes en lugar de desplazarte por la lista. También coincide con tus propias fuentes subidas, no solo con la biblioteca integrada.

Los estilos predefinidos son puntos de partida, no respuestas finales

Cada estilo de texto y combinación de fuentes inserta objetos completamente editables. Haz doble clic para desagrupar y ajustar líneas individuales una vez que hayas elegido una dirección.

Relacionados