Editor de plantillas
Docs/Plantillas de diseño

Diseño, fuentes y márgenes

Elija el tamaño del papel, la tipografía, los márgenes y los fondos para darle a su documento el diseño que desea.

6 minutos de lectura6 secciones
En esta página

Al editar una plantilla, algunos cambios se aplican a todo el documento, como una nueva fuente o márgenes compartidos. Es posible que otras partes necesiten su propio tratamiento, como una portada con un fondo de color seguido de páginas de contenido en blanco.

Tembuilder le permite hacer ambas cosas: establecer valores predeterminados compartidos en Global y luego darle a las páginas individuales sus propios márgenes y fondos en Structure. Esta guía le muestra dónde elegir el tamaño del papel y ajustar la tipografía, los márgenes y los fondos.

1. Elija el tamaño del papel

Utilice el control de tamaño del papel en el área de vista previa, que se muestra como A4 a continuación. El tamaño del papel se aplica a toda la plantilla; las páginas individuales no tienen una configuración de tamaño de papel separada en Config.

Tembuilder admite 9 tamaños de papel:

Tamaño del papel Dimensiones (ancho × alto, mm)
A0 841 × 1189
A1 594 × 841
A2 420 × 594
A3 297 × 420
A4 210 × 297
A5 148 × 210
A6 105 × 148
Carta de EE. UU. 215.9 × 279.4
Legales 215.9 × 355.6
DiseñoPDF
A4
TembuilderFACTURA
01
A4 · 210 × 297 mm
TembuilderFACTURA
01
Carta de EE. UU.
Vista previa → elige el tamaño del papel

2. Establecer tipografía compartida en Global

Abra Structure → Global → Config → Tipografía.

Configuración Valor y unidades
Tamaño de fuente Tamaño en pt, como 12.
Altura de línea Un multiplicador del tamaño de fuente, como 1.4; no ingrese px o pt.
Espaciado entre letras Espaciado entre caracteres en em, como 0.02.
Alinear texto Izquierda, Centro, Derecha o Justificar.
Color del texto El color del texto compartido.

Estos son valores predeterminados. Si una sección establece su propio font-size, color o line-height en CSS, cambiar esa configuración en Global no anula el CSS de la sección. Si parte del contenido no responde a un cambio de Global, consulte la pestaña CSS de esa sección.

Structure → Global → Config
ESTRUCTURA
⌄ Global
⌄ Factura
Partes de facturación
PropsConfig
Tipografía
Tamaño de fuente12 puntos
Altura de línea1.4
Alinear textoIzquierda
Color del texto
Global → Config → Tipografía

3. Agregar y ordenar fuentes

Abra Global → Config → Fuentes → Agregar fuente, busque una fuente de Google y agréguela a la lista.

El orden de la lista establece la prioridad de las fuentes. Arrastre una fuente hacia la parte superior o use los controles arriba/abajo para convertirla en la primera opción. Las fuentes posteriores son alternativas cuando una anterior no está disponible o carece de un carácter.

Una sección con su propio CSS font-family usa esa declaración de fuente en lugar del orden predeterminado de Global.

Structure → Global → Config
Fuentes+ Agregar fuente
1
Espacio GrotescoFuentes de Google
Aa
Tipo de muestra · Aa Bb Cc · 0123456789
Global → Config → Fuentes → Agregar fuente

4. Establecer márgenes de contenido

Abra Global → Config → Margen de contenido, habilite los márgenes e ingrese Superior, Derecha, Inferior e Izquierda en mm.

Por ejemplo, A4 tiene un ancho 210 mm. Con márgenes izquierdo y derecho de 14 mm cada uno, el área de contenido es de ancho 182 mm. Ese es el ancho disponible para tablas y secciones.

Utilice los márgenes de la página para el recuadro desde los bordes del papel. Utilice padding y margin en el CSS de una sección para espaciar dentro o entre bloques de contenido.

Margen espejo intercambia los márgenes izquierdo y derecho en hojas pares para documentos encuadernados a doble cara. Con 24 izquierdo y 12 derecho, las hojas impares tienen un margen izquierdo 24 mm y las hojas pares tienen un margen derecho 24 mm.

Global → Config → Margen de contenido
Margen de contenido mm
Arriba14
Izquierda24
Correcto12
Abajo20
Margen espejo
1
2
Uso de márgenes mm · Intercambio de márgenes espejo hacia la izquierda/derecha en hojas pares

5. Anular los márgenes y el fondo de una página

Seleccione una página en Structure → Config para anular Global:

  • Márgenes personalizados → Contenido: habilita un margen de contenido separado para la página.
  • Fondo → Fondo de página: habilita una imagen o color de fondo independiente.

Estas configuraciones son independientes. Una portada puede tener su propio fondo manteniendo márgenes compartidos, o una página que contenga una tabla amplia puede tener sus propios márgenes.

Deshabilite una anulación para usar el valor actual de Global nuevamente. Mientras una anulación está habilitada, los cambios a esa configuración Global no se aplican a la página.

Los encabezados y pies de página tienen su propia configuración de margen y fondo cuando están habilitados. Consulte Encabezados y pies de página o Uso de imágenes para obtener detalles relevantes.

Structure → Factura → Config
Config
Márgenes personalizados
Contenido
Izquierda24 mm
Fondo de página
Color
Página 1 · Personalizado
TembuilderFACTURA
01
Página 2 · Global
TembuilderFACTURA
01
Seleccione una página → Config → habilitar márgenes o fondo personalizados

6. Páginas Structure y hojas PDF

Una página en las secciones de grupos Structure; no se limita a una hoja de papel. Un contenido más extenso puede producir varias hojas PDF de ese grupo y la configuración de la página continúa aplicándose a esas hojas.

Para darle a una portada diferentes márgenes o un fondo, conviértala en una página separada en Structure. Para controlar dónde pasa el contenido a la siguiente hoja, utilice la configuración de salto de página.

DiseñoPDFA4 · 3 páginas
Página 1
TembuilderFACTURA
01
Página 2
TembuilderCONTENIDO
01
Página 3
TembuilderCONTENIDO
01
Una página Structure puede producir varias hojas PDF

Buscar documentación