Teemaeditori - Typografia - TWICE Commerce

Typografia-asetusten paneeli teemaeditorissa — Teemaeditori > Typografia

Typografiapaneeli määrittää, mitkä fontit verkkokaupassa näkyvät ja minkä kokoisina ne piirretään. Fontit ladataan Google Fontsista — koko valikoima on käytettävissä pudotusvalikossa. Muutokset vaikuttavat kaikkiin sivuihin.

Otsikot

Asetus	Tyyppi	Oletus	Vaihteluväli	Kuvaus
Fontti	Pudotusvalikko	Inter	Google Fonts -valikoima	Fonttiperhe kaikille otsikoille (H1–H3).
Asteikko	Liukusäädin	100 %	50–150 %	Skaalaa kaikkia otsikkokokoja suhteessa ylös tai alas.

Leipäteksti

Asetus	Tyyppi	Oletus	Vaihteluväli	Kuvaus
Fontti	Pudotusvalikko	Inter	Google Fonts -valikoima	Fonttiperhe leipätekstille, nimikkeille ja kuvauksille.
Asteikko	Liukusäädin	100 %	50–150 %	Skaalaa kaikkia leipätekstin kokoja suhteessa ylös tai alas.

Fonttiasteikko säätää kaikkia kokoja suhteessa — yksittäisiä otsikkotasoja (H1, H2, H3) tai leipätekstin kokoja ei voi määrittää erikseen. Käytä oletuskokoja asettamalla asteikoksi 100 %.

CSS-muuttujat

:root {
  --storefront-heading-font-family: Inter;
  --storefront-heading-font-scale: 100%;
  --storefront-body-font-family: Inter;
  --storefront-body-font-scale: 100%;
}

Aiheeseen liittyvää

Värit

Määritä verkkokaupan väripaletti.

Asettelu

Määritä sivun leveys ja välistys.