header-logo
Crea tu sitio web y haz crecer tu negocio con Wix
Crea y gestiona tu sitio con las funciones intuitivas de Wix
Gestiona suscripciones, planes y facturas
Gestiona tu negocio y conecta con los miembros
Aprende a comprar, conectar o transferir un dominio
Herramientas para ampliar tu negocio y tu presencia online
Herramientas de marketing y SEO para impulsar tu negocio
Funciones avanzadas para trabajar de forma eficaz
Soluciones, problemas conocidos y contacto
placeholder-preview-image
Mejora tus habilidades con nuestros cursos y tutoriales.
Obtén consejos para diseño web, marketing y mucho más.
Mejora el tráfico orgánico en buscadores.
Crea un sitio con nuestra plataforma full-stack.
Vincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image

Editor de Wix Studio: trabajar con la tipografía del sitio

5 min
En este artículo
  • Fuentes y temas de textos
  • Actualizar la tipografía del sitio
  • Aplicar temas de texto a una página
  • Aplicar un tema a un elemento de texto
  • Anular temas de textos
  • Habilitar fuentes de reserva
Asegúrate de que el diseño sea uniforme en todo el sitio de tu cliente al establecer la tipografía del sitio. Esta área del panel Temas del sitio se divide en estilos de Fuentes y de Temas de textos, que puedes personalizar individualmente para que coincidan con el aspecto que deseas lograr.

Fuentes y temas de textos

La sección Fuentes muestra todas las fuentes que estás usando en los temas de texto del sitio. Cuando cambias una fuente en la sección Fuentes, se actualizan automáticamente todos los temas de textos que usaban la fuente anterior. 
Los Temas de textos se refieren a los tipos de texto individuales que se usan en el sitio (por ejemplo, Encabezado 2, Párrafo 1). 
La pestaña Tipografía en el panel Temas del sitio. Se muestran las secciones Fuentes y Temas de texto y se pasa el cursor sobre una fuente para actualizarla.
Consejo:
H1 a H6 son etiquetas de encabezado que se asignan automáticamente a estos títulos. Mantener la jerarquía de arriba hacia abajo de los títulos, de acuerdo con las etiquetas de encabezado, ayuda tanto al SEO como a la accesibilidad del sitio. 

Actualizar la tipografía del sitio

Renueva el diseño actualizando la tipografía en todo el sitio de tu cliente. Puedes cambiar las fuentes del sitio o ajustar el aspecto de los 9 temas de textos individuales (6 encabezados, 3 párrafos).   

Para actualizar la tipografía:

  1. Haz clic en Temas del sitio a la izquierda del editor.
  2. Haz clic en la pestaña Tipografía.
  3. Elige lo que deseas personalizar: una fuente o un tema de texto:
    • Fuente:
      1. Haz clic en la fuente que deseas actualizar debajo de Fuentes.
      2. Selecciona una nueva fuente en el menú desplegable.
      3. Haz clic en Actualizar para aplicar la nueva fuente.
    • Temas de textos:
      1. Haz clic en el tema de texto que deseas actualizar en Temas de textos.
      2. Personaliza el tema de texto como desees:
        • Elige una nueva fuente en el menú desplegable.
        • Elige el tamaño de la fuente.
        • Haz que el texto se escale proporcionalmente para que se vea de manera óptima en todos los tamaños de pantalla y establece el tamaño máximo y mínimo en px (píxeles).
        • Pon el texto en negrita o en cursiva.
        • Establece el interlineado y el espaciado de caracteres.
        • Elige el color del texto.
      3. Vuelve al panel principal haciendo clic en el icono de Flecha  en la parte superior izquierda.
Se han abierto las opciones de Editar texto para el encabezado 6 en el panel Temas del sitio. El cursor habilita la palanca Escalar texto.

Aplicar temas de texto a una página

Una vez que hayas establecido la tipografía del sitio de tu cliente, puedes agregar fácilmente elementos de texto con las fuentes y los temas de textos correspondientes. 
Dirígete al panel Agregar elementos para agregar títulos y párrafos temáticos. Haz clic en Textos y arrastra el tema correspondiente en Temas de texto a la ubicación deseada. 
Los elementos temáticos están conectados a la tipografía del sitio, por lo que se actualizarán automáticamente si alguna vez realizas cambios en el panel Temas del sitio.
Captura de pantalla de los temas de texto disponibles en el panel Agregar elementos. El subtítulo del texto temático está resaltado.

Aplicar un tema a un elemento de texto

También puedes aplicar un estilo a un elemento de texto existente en la página. Haz clic en Editar texto en el elemento y selecciona el Estilo correspondiente en el menú desplegable del Inspector profesional.
Esto conecta el elemento al tema de texto elegido, lo que significa que se actualizará automáticamente si alguna vez realizas cambios en el panel Temas del sitio.
Captura de pantalla recortada de la sección Diseño en el Inspector profesional. El menú desplegable de estilo está resaltado.

Anular temas de textos

Si cambias el diseño de un elemento de texto después de seleccionar un tema (estilo) para él, estás creando una "anulación de diseño". Esto significa que cualquier actualización al tema elegido no se aplicará a este elemento de texto en concreto. 
Puedes restablecer los elementos de texto con anulaciones a su tema original. Haz clic en el menú desplegable Tema y selecciona Restablecer cambios.
También puedes seleccionar Actualizar temas para aplicar las anulaciones que realizaste al estilo del texto real. Esto también actualizará cada elemento de texto con este tema en todo el sitio de tu cliente.
La pestaña de diseño del texto en el Inspector profesional. El cursor pasa sobre la opción Restablecer cambios en el menú Estilo.

Habilitar fuentes de reserva

¿Estás usando fuentes personalizadas de gran volumen? Habilita las fuentes de reserva para optimizar el rendimiento del sitio. Estas fuentes se cargan más rápido y se muestran temporalmente en el sitio online mientras las fuentes personalizadas se descargan en un segundo plano. Más información sobre las fuentes de reserva

Para habilitar las fuentes de reserva:

  1. Ve al editor.
  2. Haz clic en el icono Wix Studio  en la parte superior izquierda. 
  3. Pasa el cursor sobre Sitio.
  4. Haz clic en Rendimiento.
  5. Haz clic en Optimizar carga con fuentes de reserva para habilitarla.
El cursor pasa sobre los ajustes de las fuentes de reserva en Rendimiento. El ajuste está habilitado.
Información útil:
El ajuste muestra una marca de verificación cuando está habilitado.
La pestaña Tipografía en el panel Temas del sitio. Se muestran las secciones Fuentes y Temas de texto y se pasa el cursor sobre una fuente para actualizarla.
Se han abierto las opciones de Editar texto para el encabezado 6 en el panel Temas del sitio. El cursor habilita la palanca Escalar texto.
Captura de pantalla de los temas de texto disponibles en el panel Agregar elementos. El subtítulo del texto temático está resaltado.
Captura de pantalla recortada de la sección Diseño en el Inspector profesional. El menú desplegable de estilo está resaltado.
La pestaña de diseño del texto en el Inspector profesional. El cursor pasa sobre la opción Restablecer cambios en el menú Estilo.
El cursor pasa sobre los ajustes de las fuentes de reserva en Rendimiento. El ajuste está habilitado.