La pestaña Fonts define las fuentes de toda tu tienda y lo grueso que se ve el texto. Eliges las fuentes una vez y todas las secciones las siguen.
Dónde encontrarlo
Abre el constructor, haz clic en el icono del engranaje y abre la pestaña Fonts. La pestaña tiene dos partes: Fonts y Appearance.
Las cuatro fuentes
- Body: párrafos y la mayor parte del texto, incluidos los campos de formulario.
- Heading: títulos grandes. El texto configurado como Heading 1 o Heading 2 usa esta fuente.
- Subheading: títulos más pequeños. La usa el texto configurado de Heading 3 a Heading 6, y también los nombres de los elementos de tus menús.
- Accent: una cuarta fuente para las palabras que quieres destacar, como un eslogan o una línea promocional corta. Para usarla, selecciona un bloque Text y cambia su Font a Accent.
Haz clic en una fuente para abrir el selector. Escribe en Search fonts... para filtrar la lista y haz clic en una fuente para usarla. La vista previa se actualiza al instante.
Fuentes del sistema y fuentes que no son del sistema
El selector muestra dos grupos:
- System fonts: Helvetica, New York, SF Mono y System UI. Ya están en el dispositivo del comprador, así que cargan más rápido. Pueden verse un poco distintas de un dispositivo a otro.
- Non-system fonts: Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Nunito, Merriweather, Playfair Display, Lora, PT Sans, PT Serif, Quicksand, Space Grotesk, DM Sans, Syne, Manrope, Outfit, Urbanist, Oswald, Bebas Neue, Abel, Abril Fatface y Acme. Se descargan en el dispositivo del comprador.
El constructor avisa: Using more than one non-system font might slow down your page load speed. Una buena configuración es una fuente que no es del sistema para los títulos y una fuente del sistema, o la misma fuente, para el texto.
El texto en árabe de tu tienda recibe automáticamente una fuente árabe a juego, así que puedes elegir una fuente latina sin estropear las páginas en árabe.
Grosor del texto
En Appearance, Text weight hace todo el texto de tu tienda más fino o más grueso a la vez:
- Normal: los grosores con los que se diseñó tu tema.
- Medium: cada estilo de texto un paso más grueso.
- Bold: más grueso todavía.
Todos los estilos cambian juntos, así que los títulos siguen siendo más gruesos que el texto. Algunas fuentes tienen menos grosores, así que con ellas el cambio puede ser pequeño.
Tareas habituales
- Dar a mi tienda un aspecto más moderno: prueba Inter, Manrope o DM Sans para Body y Heading.
- Darle un aspecto más elegante: prueba Playfair Display o Lora para Heading, y mantén una fuente sencilla para Body.
- El texto se lee mal en los móviles: pon Text weight en Medium.
- Cambiar el tamaño de un texto: selecciona ese texto en su sección y cambia su tamaño allí. La pestaña Fonts solo define la familia de la fuente y el grosor.
Bueno saberlo
- Las fuentes pertenecen al mercado que estás editando. Si vendes en varios mercados, cambia primero de mercado con la bandera.
- Los cambios se publican cuando haces clic en Publish.
- Las esquinas, los bordes y las sombras vienen de tu tema, no de esta pestaña. Consulta Temas de la tienda.