Las métricas de la fuente cambian el ancho, el alto y los saltos de línea del texto personalizado. Elige la tipografía con la capa de texto correcta seleccionada y vuelve a comprobar el diseño con longitudes realistas de cliente.
Abre Tipografía
Selecciona el texto en el lienzo. Encima aparece una barra de herramientas; haz clic en Editar para abrir el panel de propiedades. El primer control bajo las pestañas es la tipografía, y lleva el nombre de la fuente que usa la capa en ese momento. Haz clic en él para abrir Tipografía y ver la lista.
Busca y aplica
Escribe en el campo de búsqueda para acotar la lista y luego haz clic en un resultado. El lienzo se actualiza con esa tipografía al instante.
Después de cambiar la tipografía:
- prueba el valor de cliente más largo permitido;
- revisa todas las superficies que usan el texto;
- vuelve a revisar el texto curvo, con contorno o con sombra;
- abre la Vista previa del cliente y prueba en ordenador y en móvil.
Cuando el texto es editable por el cliente, el cliente solo ve las fuentes que permite la configuración de ese campo. La lista completa de tipografías del editor no se expone automáticamente a los clientes.
Usa tu propia fuente
Sube el archivo de la fuente a la biblioteca de medios y pasará a estar disponible para tus diseños. Composerie admite TTF, OTF y WOFF2.
El archivo tiene que ser una sola cara estática, y se comprueba al entrar y no en el momento de imprimir:
- una fuente variable se rechaza, así que exporta antes la instancia estática que quieras;
- un archivo de colección que contiene varias caras se rechaza por el mismo motivo;
- el archivo debe pesar menos de 5 MiB;
- la fuente necesita metadatos de peso utilizables, algo que tiene cualquier cara exportada con normalidad.
Un archivo por peso y estilo
Una cara estática lleva exactamente un peso y un estilo. Si tu texto está en negrita, el archivo que subes es el de la negrita. Poner en negrita en el editor una cara normal no hace que el archivo de impresión sea negrita: falla, con un mensaje que nombra ambos números, parecido a “The selected text requires 700 normal; uploaded bytes contain 400 normal.” (el mensaje solo aparece en inglés).
Sube las caras que realmente uses, y no más. Tres archivos para normal, negrita y cursiva cubren la mayoría de los diseños.
El nombre del archivo pasa a ser el nombre de la familia
El nombre de la lista de tipografías sale del nombre del archivo, no del nombre guardado dentro de la fuente, y se le quita el peso. Sube BrandSans-Regular.otf, BrandSans-Bold.otf y BrandSans-Italic.otf y los tres llegan bajo una sola entrada llamada Brand Sans, que es lo que quieres: una familia en el selector, tres caras detrás.
Por eso también importa la convención de nombres. Un peso escrito tras un guion o un guion bajo se reconoce y se elimina; un peso escrito con un espacio no, así que Brand Sans Bold.otf se convierte en su propia familia llamada Brand Sans Bold junto a la real. Nombra los archivos Familia-Peso.otf y el selector se mantiene limpio.
Qué usa realmente el archivo de impresión
El renderizador no pide una familia. Pide una cara exacta: la familia, el peso y el estilo en que está puesto tu texto. Para esa cara busca primero en tus archivos subidos, después en las caras que incluye Composerie y después en una cara que pueda descargar de una familia conocida.
Si ninguno de esos tres tiene esa cara exacta, la familia no se registra para el renderizado. El trabajo se completa igualmente, y el renderizador dibuja el texto con su fuente predeterminada. Ese es el resultado que hay que prever: no una sustitución elegida para parecerse a tu fuente, sino lo siguiente que hay disponible.
¿Por qué se ha partido el texto en líneas después de cambiar la fuente?
Las fuentes tienen anchos de carácter distintos. Cambia el tamaño del cuadro de texto o elige una tipografía que encaje con el valor de cliente permitido.
¿Ven los clientes todas las fuentes del editor?
No. Los campos editables por el cliente usan sus propias fuentes permitidas.
¿Qué debería probar antes de publicar?
Usa el texto de cliente más largo, todas las superficies relevantes y la Vista previa del cliente en ordenador y en móvil.
Siguiente
Continúa con añadir y dar estilo al texto o haz que el campo sea editable por el cliente.