La tipografía es la parte de una conversión que la gente nota primero cuando algo sale mal. Aquí se explica exactamente qué se transfiere y la única opción que decide si tu página convertida hereda las fuentes de tu tema o conserva las originales.
Qué se lee del origen
Para cada encabezado, párrafo, botón y lista, se capturan los valores calculados: familia tipográfica, tamaño de fuente, peso de fuente, transformación de texto, estilo de fuente, decoración de texto, altura de línea y espaciado entre letras. Estos se escriben en el grupo Tipografía propio del widget, de modo que cada uno se mantiene editable en Elementor en lugar de quedar bloqueado en una hoja de estilos.
Los tamaños se capturan por punto de ruptura. Esto es importante para la tipografía fluida: un encabezado escrito como una expresión clamp() no tiene un equivalente directo en Elementor, por lo que se almacenan tres valores muestreados (escritorio, tableta, móvil), lo que sigue la curva con suficiente precisión para la mayoría de los diseños.
La opción de fuentes: original o del sitio
En el panel de opciones eliges cómo se gestionan las fuentes:
- Conservar la tipografía original — cada widget recibe ajustes de fuente explícitos copiados del origen. La página se ve como el HTML original, con independencia de tu tema.
- Usar la tipografía del sitio — se omite la tipografía por widget y, en su lugar, se hace referencia a la Tipografía global de Elementor. Los encabezados adoptan la fuente de encabezados de tu sitio y el texto del cuerpo adopta la fuente del cuerpo.
Usa la segunda cuando incorpores una sección a un sitio existente con su propia marca y quieras que coincida automáticamente. Usa la primera cuando quieras reproducir un diseño con fidelidad.
Las fuentes web no viajan
Esta es la sorpresa más habitual. Un nombre de familia tipográfica es solo una cadena de texto: si la página de origen cargó una fuente desde una hoja de estilos externa, esa hoja de estilos no se transfiere a WordPress. El widget mostrará el nombre de familia correcto, pero el navegador recurrirá a una fuente del sistema a menos que la fuente esté disponible en tu sitio.
Hay dos formas de solucionarlo: registra la fuente en Elementor (Ajustes del sitio, Fuentes personalizadas) o usa un tema que ya la cargue. Hazlo antes de juzgar el resultado convertido; de lo contrario, estarás viendo una representación con fuentes de respaldo y persiguiendo un problema que no existe.
Niveles de encabezado
Las etiquetas de encabezado se conservan de forma predeterminada, de modo que un <h2> se convierte en un widget de encabezado configurado como H2. También hay un modo semántico que vuelve a nivelar el documento; es útil cuando importas una página independiente cuyo encabezado principal era un H1 a una página que ya tiene uno. Dos H1 en una misma página es un problema de SEO que conviene evitar.
La lista completa — ocho propiedades y nada más
Ser precisos aquí es más útil que ser vagos, porque te dice exactamente qué esperar y qué rehacer. La tipografía de un widget recibe: familia tipográfica, tamaño de fuente, peso de fuente, transformación de texto, estilo de fuente, decoración de texto, altura de línea y espaciado entre letras.
Todo lo demás del modelo de texto CSS no forma parte del grupo de tipografía de Elementor y no se transfiere: sombra de texto, espaciado entre palabras, gestión de espacios en blanco, separación silábica, font-variant, sangría de texto. Si tu diseño depende de alguno de ellos, considéralo trabajo manual y no un fallo de la conversión.
Los nombres de familia tipográfica también pierden las comillas durante el proceso, de modo que "Helvetica Neue", sans-serif llega en un formato que el control de Elementor acepta, en lugar de como una cadena entre comillas que trataría como un único nombre de familia extraño.
Solo se escriben los valores no predeterminados
Cuatro de esas ocho se omiten cuando tienen su valor predeterminado: el peso 400, la transformación none, el estilo normal y la decoración none se dejan sin establecer en lugar de escribirse explícitamente.
El resultado es un panel de tipografía que realmente se puede leer. Abre un párrafo convertido y verás la familia tipográfica, el tamaño y la altura de línea —las tres cosas que se decidieron— en lugar de ocho campos donde cinco dicen «normal». Cuando algo está configurado, se configuró a propósito.
También significa que un widget hereda de verdad donde corresponde. Un párrafo sin peso explícito sigue heredando el peso de tu configuración global de Elementor en lugar de quedar fijado en 400 para siempre, algo que importa el día que cambies la fuente del cuerpo por una cuyo peso normal sea 350.
La tipografía del sitio no escribe nada en absoluto
Conviene ser precisos con esto, porque «usar la tipografía del sitio» suena como si pudiera mapear los valores. No lo hace. En ese modo, el paso de tipografía termina inmediatamente y no se escribe ningún ajuste de fuente en el widget: el widget queda vinculado a tu Tipografía global y lo hereda todo.
Por eso una sección convertida en modo sitio se adapta por completo al sitio de destino, y por eso la misma sección convertida en modo original no cambia cuando modificas tus fuentes globales. Ninguno es mejor; responden a preguntas distintas. «Haz que esto coincida con mi sitio» pide el primero. «Reproduce este diseño exactamente» pide el segundo.
Qué deberías revisar de todos modos
- Los encabezados largos en el punto de ruptura móvil: la tipografía fluida aproximada puede cortar una línea de forma incómoda.
- El espaciado entre letras en textos display en mayúsculas; las diferencias pequeñas son muy visibles.
- La altura de línea en el texto de cuerpo de varias líneas, especialmente si el origen usó un valor sin unidades.
- Si realmente quieres tipografía por widget; cambiar a la tipografía del sitio suele facilitar mucho el mantenimiento a largo plazo.
- Cualquier cosa que dependa de sombra de texto, espaciado entre palabras o sangría de texto: esas propiedades quedan fuera de las ocho y hay que volver a aplicarlas.