La tipografía de una campaña multilingüe se decide idioma por idioma

Probamos Lato, Montserrat, Noto Sans, Noto Sans JP, Noto Sans Thai, Playfair Display, Poppins y Roboto. Cada familia se mostró con peso normal 400 y negrita 700, en inglés, español, francés, alemán, neerlandés, indonesio, malayo, tagalo, tailandés y japonés. Un caso es una combinación de familia, peso e idioma que incluye un titular, una frase de cuerpo y una llamada a la acción.

La primera versión indicaba la familia solicitada seguida de una alternativa genérica: serif para Playfair Display y sans-serif para las otras siete. Esa alternativa permite al navegador buscar una fuente adecuada instalada en el ordenador. No identifica un archivo concreto que haya proporcionado la marca.^[2]

Había 20 casos por familia y 160 en total. Seis familias usaron una fuente instalada en cuatro casos cada una: ambos pesos de las muestras en tailandés y japonés. Noto Sans JP la utilizó en sus dos casos en tailandés; Noto Sans Thai, en sus dos casos en japonés. Todos los casos con textos escritos en alfabeto latino se mostraron con la familia solicitada.

Las cifras describen esta selección de frases y archivos. Comparamos deliberadamente una lista manejable que incluía dos familias específicas para determinados sistemas de escritura. No tomamos una muestra representativa de las fuentes de marca ni probamos todos los caracteres que podría necesitar un idioma. Un nombre de producto, un símbolo monetario o un titular posterior podrían añadir caracteres ausentes de nuestra muestra.

En la versión emparejada mantuvimos la familia solicitada en primer lugar y añadimos una complementaria concreta antes de la misma alternativa genérica. Usamos Noto Sans para las ocho muestras en alfabeto latino, Noto Sans Thai para tailandés y Noto Sans JP para japonés. Cuando ambas familias coincidían, la indicamos una sola vez.

Ninguno de los 160 casos emparejados utilizó una fuente instalada. En 28, una fuente complementaria cuyo archivo habíamos fijado asumió el trabajo de la alternativa instalada. En los otros 132, la familia solicitada siguió mostrando los tres campos. Añadir una complementaria no amplió el archivo original: indicó otro archivo que el navegador podía utilizar.

Los ejemplos de Lato lo muestran con claridad. En ambos pesos, el titular en tailandés se mostró con la familia instalada Thonburi en la versión genérica y con Noto Sans Thai en la versión con complementaria. El titular en japonés pasó de Hiragino Kaku Gothic ProN a Noto Sans JP. Los ejemplos en inglés y francés siguieron usando Lato.

Playfair Display muestra por qué elegir una complementaria también requiere una decisión de diseño. Su titular en japonés utilizó Hiragino Mincho ProN con la alternativa serif. Al indicar Noto Sans JP como complementaria, pasó a una familia sans-serif. Identificamos el archivo que mostraba la muestra, pero no demostramos que esa pareja conservara el carácter visual deseado.

Una empresa puede mantener su familia de marca para el alfabeto latino y elegir expresamente una complementaria para otro sistema de escritura. El creador puede llevar esa pareja al siguiente material. Lo útil es que la decisión quede visible en las instrucciones. Las complementarias de nuestro estudio son ejemplos funcionales, no recomendaciones estéticas para cualquier marca.

Empieza por las palabras que se van a publicar. Incluye el titular, la frase de apoyo y la llamada a la acción, y añade los nombres de producto, precios y demás textos relevantes de la campaña real. Una muestra atractiva del alfabeto no sustituye la revisión de esas palabras en su posición definitiva.

Después, identifica los archivos y pesos de cada idioma. El cuerpo en peso normal y el titular en negrita necesitan comprobaciones propias. En nuestro experimento, 400 y 700 estaban disponibles en archivos originales de estilo recto o en ejes de fuentes variables, y desactivamos la negrita sintetizada. Que una vista previa parezca estar en negrita no demuestra esas condiciones.

Para el texto de una web, pide a quien la implementa que compruebe la fuente utilizada, además de la familia declarada. En la interfaz en inglés de Chrome, esta información aparece en Elements, Computed, Rendered Fonts. Su documentación distingue también entre una fuente instalada localmente y una suministrada como recurso web. La diferencia importa cuando el diseñador y el desarrollador disponen de copias distintas.^[3]

Lee después la composición completa. Fíjate en la relación entre titular y cuerpo, la llamada a la acción, los saltos de línea y el espaciado. Confirma que el texto local sigue completo y suena natural. Saber qué fuente se usa no determina si el texto está bien compuesto: revisa juntos el idioma y el diseño.

Puede bastar una conversación breve entre quien encarga el material y quien lo prepara. La evidencia útil es una versión claramente identificada con el texto previsto y su aspecto real. Así, la aprobación se refiere a esa versión y la siguiente persona no tiene que adivinar qué significaba «usa nuestra fuente de marca».

Usa una entrada por idioma y formato de entrega. Rellena la ficha con el texto de la campaña después de revisar la traducción y guárdala junto al material o la plantilla editable. El paquete descargable incluye una ficha en cada idioma del artículo; también puedes copiar los campos siguientes sin registrarte.

Campaña e idioma: [Indica la campaña, el idioma y el público previsto.] Aclara si esta entrada corresponde a una imagen para redes sociales, una plantilla editable para el creador o texto de una página web. Distintos entregables pueden compartir una dirección visual y necesitar comprobaciones de producción diferentes.

Texto aprobado: [Pega el titular, el cuerpo y la llamada a la acción exactos.] Incluye cualquier otro texto visible que deba revisarse. Identifica la versión aprobada para que un cambio posterior en el nombre de un producto o en una oferta lleve a revisar de nuevo el texto afectado.

Asignación tipográfica: [Indica la familia solicitada y cualquier complementaria, el archivo o versión exactos y el peso previsto para cada función del texto.] Señala qué idioma o sistema de escritura cubre la complementaria. Incluye la fuente de los archivos y su licencia, en lugar de limitarte al nombre de la familia.

Comprobación del renderizado: [Registra la aplicación o navegador, la versión y la plataforma, además de la fuente que realmente muestra el texto.] En una web, distingue la familia declarada de la utilizada. Si aparece otra fuente, decide si es una complementaria prevista antes de aprobar la versión.

Comprobación del formato final: [Enlaza el material exportado o la página publicada y el archivo editable.] Anota los tamaños o ubicaciones revisados y los saltos de línea que deban ajustarse. Confirma que no falta texto y que la jerarquía visual sigue funcionando en la versión entregada.

Aprobación y siguiente cambio: [Indica quién revisó el trabajo y qué versión aprobó.] Aclara quién debe comprobar los cambios de titular, peso, archivo tipográfico o formato de entrega. Una buena ficha facilita la siguiente pequeña revisión, sin convertir una aprobación anterior en inglés en una autorización para cualquier idioma posterior.

Volvamos a la marca de ropa ficticia. Su titular en inglés es “Find your next favorite piece.” La frase de apoyo presenta una colección en distintos colores y tallas, seguida de “View the collection.” Son las palabras en inglés de nuestra muestra, usadas aquí para ilustrar una entrega, no un anuncio real.

En las instrucciones ficticias, la empresa pide Lato con peso 700 para el titular y 400 para el texto de apoyo y la llamada a la acción. El creador necesita versiones en inglés, tailandés y japonés de una imagen de campaña; el desarrollador, el texto correspondiente para una página de destino. Los formatos se identifican antes de dar por hecho que una sola vista previa los aprueba todos.

Para la versión web en tailandés, la ficha indica Lato en primer lugar y Noto Sans Thai como complementaria. La entrada en japonés indica Lato seguida de Noto Sans JP. El estudio real respalda esas parejas para la muestra exacta, en ambos pesos y en nuestro entorno. El equipo ficticio sigue revisando la composición para comprobar que encaja con su dirección visual.

El creador recibe el texto localizado, los archivos elegidos y los pesos previstos. El desarrollador registra las familias utilizadas en la página de destino real. La empresa revisa por separado la imagen terminada. Cada persona comprueba así un resultado observable, en vez de aprobar un ajuste ambiguo con el nombre de una fuente.

Supongamos que la campaña ficticia añade después un nombre de producto al titular. Al cambiar la entrada del texto, el equipo vuelve a comprobar esa línea en el material y en la página correspondientes. No necesita repetir nuestro experimento con ocho familias. Necesita verificar que el texto modificado sigue mostrándose y componiéndose como estaba previsto.

La ficha responde ahora a las preguntas que la maqueta original en inglés dejó abiertas: qué palabras, qué complementaria, qué peso y qué versión entregada. Es una mejora práctica de producción. No probamos si la pareja tipográfica aumenta la atención, la preferencia de lectura, los clics o las ventas.

Una imagen acoplada y una página editable conservan la tipografía de formas distintas. En una imagen PNG de campaña, las formas de las letras forman parte de los píxeles. Al mostrarla, el navegador no tiene que reconstruirlas a partir de la familia que seleccionó el creador. La especificación PNG describe este formato basado en píxeles.^[4]

Por eso, la comprobación visual de una imagen debe hacerse sobre el archivo exportado. Abre la versión que se va a entregar y léela al tamaño previsto. Revisa recortes, texto que falte, espaciado y saltos de línea después de exportar. El lienzo editable que antes se veía bien no es el archivo final que recibirá el público.

Una plantilla editable todavía tiene otra entrega por delante. Quien la reciba puede sustituir una frase, cambiar un peso o abrir el diseño en otro entorno. Incluye los datos tipográficos y el texto aprobado con el archivo fuente para que la siguiente persona compruebe el resultado editado. Una captura anterior no demuestra cómo se mostrará una versión posterior.

El texto de una web debe revisarse en la página donde se sirve. La familia indicada en la hoja de estilos expresa una petición; la información de fuentes utilizadas muestra qué eligió el navegador para ese texto. Nuestro estudio demuestra que ambas pueden diferir aunque el archivo previsto se cargue correctamente. Por eso, buscar solo errores de carga habría pasado por alto los 28 casos que usaron fuentes instaladas.

La solución no es convertir todo el texto web en imágenes. Mantener el texto como texto permite ajustar su presentación. Las pautas de accesibilidad del W3C suelen dar preferencia al texto frente a las imágenes de texto cuando puede lograrse la misma presentación, con excepciones concretas. Conserva una versión de texto utilizable y define mejor la entrega tipográfica.^[5]

Si una empresa lleva la misma campaña a varios canales, debe aprobar cada entregable pertinente: la imagen exportada, el archivo editable para el creador y la página publicada para el desarrollador. Así se mantiene el mensaje previsto en el formato que recibe el público, sin suponer que todas las herramientas toman las mismas decisiones tipográficas.

Seleccionamos deliberadamente ocho familias y fijamos los archivos TTF completos originales del repositorio Google Fonts en el commit 47d54ca1ebb14fd864695f1d39dc734f39017c33. Usamos diez archivos porque Lato y Poppins tienen aquí archivos separados para normal y negrita; las otras seis familias usan archivos variables. El manifiesto incluye sus huellas digitales, versiones y enlaces a las licencias.^[6]

Redactamos un titular, una frase de cuerpo y una llamada a la acción para una colección de ropa hipotética. Después tradujimos y revisamos el mismo significado en diez idiomas antes de medir. Cada familia recibió los mismos tres textos de cada idioma. Las 160 combinaciones iniciales y las 160 con complementaria produjeron 960 bloques de texto individuales, sin excluir ninguno de los resultados.

La prueba aislada usó Chrome 148.0.7778.97 sobre macOS 26.5.1. Cargó directamente los archivos fijados, sin sustituirlos por copias locales, con estilo normal, pesos explícitos 400 y 700, ancho predeterminado, ajuste óptico desactivado y sin síntesis artificial de estilos. Los diez archivos se cargaron correctamente y coincidieron con las huellas digitales previstas.

Para cada bloque, el método nativo de Chrome devolvió la familia utilizada, el nombre PostScript y si la fuente se había suministrado como recurso propio. Contrastamos esos registros con los archivos y comprobamos por separado los mapas de caracteres y la formación de glifos. Conservamos los recuentos de glifos del navegador como evidencia técnica; no los convertimos en porcentajes de caracteres.^[7]

Un caso cuenta como uso de una fuente instalada si cualquiera de sus tres campos utiliza una. Un caso de familia solicitada exclusivamente significa que esta mostró los tres campos. La comparación cambia la lista de fuentes de reserva y mantiene fijos el texto, la familia solicitada y el peso. Catorce casos en tailandés y catorce en japonés explican los 28 casos iniciales con fuentes instaladas.

Los resultados se aplican a estos archivos, frases y entorno exactos. No hemos demostrado cobertura completa de un idioma, resultados idénticos en otras plataformas ni el aspecto de los subconjuntos suministrados por la API de Google Fonts. El paquete descargable conserva los datos de los casos, las referencias y los cálculos. Su script comprueba los recuentos a partir de las mediciones guardadas; no repite un experimento nuevo en el navegador.^[1]