# Tipográfia

> A Betűkészlet panel beállításai: szín, betűméret, betűtípus, megjelenés, sormagasság, betűköz, sorbehúzás, oszlopok, díszítés, irány, betűnagyság, iniciálé és szöveg illesztése, valamint a mértékegységek.

A tipográfiai beállításokkal a szövegek betűtípusát és megjelenését módosíthatod. A beállítások blokkonként eltérnek, és együtt használva sokféleképpen kiemelhetik a tartalmat.

## Hol találod a beállításokat?

A tipográfiai beállítások a blokk oldalsávjában, a **Betűkészlet** panelen vannak. Ha nem látod az oldalsávot, jelöld ki a blokkot, és kattints a **Közzététel** (vagy **Frissítés**) gomb melletti oldalsáv ikonra.

### További beállítások bekapcsolása

A **Betűkészlet** panelen alapból csak néhány beállítás látszik: a szín és a betűméret. A többit a panel címe melletti három pontos menüből kapcsolhatod be. A menü listája: **Szín**, **Méret**, **Betű**, **Megjelenés**, **Sormagasság**, **Betűkköz**, **Sorbehúzás**, **Oszlopok**, **Díszítés**, **Irány**, **Betűnagyság**, **Iniciálé**, **Szöveg illesztése**. Bármennyit bekapcsolhatsz közülük.

![A Bekezdés blokk Betűkészlet panelje az összes beállítás bekapcsolva: Betű, Betűméret, Megjelenés, Sormagasság, Betűköz, Sorbehúzás, Oszlopok, Díszítés, Irány, Betűnagyság, Iniciálé és Szöveg illesztése](./kepek/blokkszerkeszto-3-tipografia.webp)

*A Bekezdés blokk Betűkészlet panelje az összes beállítás bekapcsolva: Betű, Betűméret, Megjelenés, Sormagasság, Betűköz, Sorbehúzás, Oszlopok, Díszítés, Irány, Betűnagyság, Iniciálé és Szöveg illesztése* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

Hogy a blokkod mit kínál, az a blokktól és a témától függ. A menü alján a **Minden alaphelyzetbe állítása** a panel összes módosítását visszavonja.

## Beállítások

### Szín

A szín gombra kattintva a szöveg teljes színét módosíthatod. Választhatsz a téma palettájából, vagy a színválasztó tetején lévő nagy színmintára kattintva egyéni színt adhatsz meg. A választék a témától függ.

Ha a szövegszín és a háttér között túl kicsi a kontraszt, a szerkesztő figyelmeztet, hogy a szöveg nehezen olvasható. Ilyenkor az egyéni színválasztóval válassz olyat, amely megfelel a hozzáférhetőségi irányelveknek. Részletek: [Színek](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-szinek/).

### Betűméret

A betűméretnél kész méretek közül választhatsz: **S** (kicsi), **M** (közepes), **L** (nagy), **XL** (extra nagy) és **XXL**. Saját értéket is megadhatsz: kattints a méretek fölötti csúszka ikonra. A mértékegységet a jobb oldali **px** gombbal módosíthatod: **px**, **em** vagy **rem** között választhatsz. A mértékegységek különbségét a fejezet végén találod.

### Betű (betűtípus)

A **Betű** listából választhatod ki a szöveg betűtípusát, a listában a betűk előnézetével. Hogy mely betűtípusok érhetők el, a témától függ.

### Megjelenés

A **Megjelenés** a betű vastagságát és dőlését szabályozza: a vékonytól a nagyon vastagig és fekete súlyig, valamint a normál dőlttől a nagyon vastag és fekete dőlt változatig.

### Sormagasság

A sormagasság egy bekezdés sorai közötti térköz. A legtöbb témánál az alapérték 1,5. Növelheted vagy csökkentheted, és saját számot is megadhatsz.

### Betűköz

A betűköz az egyes karakterek közötti távolság. Az alapmértékegység a **px**, de átállíthatod **%**, **em**, **rem**, **vw** vagy **vh** értékre.

### Sorbehúzás

A sorbehúzás a bekezdés első szava előtt hagy üres helyet. Ez irodalmi hatást ad a szövegnek. Bekezdés blokkban használható.

### Oszlopok

Az **Oszlopok** beállítás a bekezdést több hasábra osztja, mint egy újság vagy magazin szövege. A szövegoszlopok mobilon, táblagépen és asztali gépen is megmaradnak.

### Díszítés

A **Díszítés** az **aláhúzás** és az **áthúzás** közül választ. A kötőjel jelű normál lehetőség a meglévő aláhúzást vagy áthúzást eltávolítja. Az aláhúzást érdemes a hivatkozásoknak hagyni, hogy az olvasók tudják, mi kattintható.

### Irány

Egyes blokkoknál (például a Címsornál és a Bekezdésnél) a szöveg folyhat vízszintesen vagy függőlegesen is. Az **Irány** beállítással választhatsz.

### Betűnagyság

A **Betűnagyság** három lehetőséget ad: csupa nagybetű (**AB**), csupa kisbetű (**ab**), vagy a szavak első betűje nagy (**Ab**). A kötőjeles lehetőség a nagybetű-beállítást eltávolítja.

### Iniciálé

Az **Iniciálé** kapcsoló az első betűt megnöveli, és a szöveg bal oldalára igazítja. Súgószövege: „Mutassunk nagy kezdőbetűt.”

### Szöveg illesztése

A **Szöveg illesztése** kapcsolóval a szöveg a tárolója teljes szélességére nő vagy zsugorodik, és a többi betűméret-beállítást alaphelyzetbe állítja. Így egy címsor mobilon, táblagépen és asztali gépen is kitöltheti az oldal teljes szélességét.

## A mértékegységek különbsége

Több beállításnál megadhatod a mértékegységet. Ezek jelentése:

| Egység | Jelentés |
|---|---|
| **px** (pixel) | Abszolút egység: a képernyő méretétől és a böngésző beállításaitól függetlenül fix marad. |
| **em** | Az elem aktuális (vagy a szülő elem) betűméretéhez viszonyít. |
| **rem** (gyökér em) | A gyökérelem betűméretéhez, vagyis a böngésző alapértelmezett szövegméretéhez viszonyít. |
| **%** (százalék) | A szülő elem értékéhez viszonyít, például egy oszlop szélességéhez. |
| **vw** (nézetablak szélessége) | A böngészőablak szélességéhez viszonyít. |
| **vh** (nézetablak magassága) | A böngészőablak magasságához viszonyít. |

A pixel abszolút, nem skálázódó egység, ezért nem reszponzív. Ritkán mégis kell, például vékony szegélynél, fix ikonoknál vagy merev elemméreteknél. Az **em**, **rem**, **%**, **vh** és **vw** relatív egységek: más elemek vagy a képernyő méretéhez igazodva nőnek és csökkennek, ezért jól használhatók reszponzív kialakításhoz.

**Hozzáférhetőségi tipp:** pixel helyett relatív egységet (például **rem** vagy **em**) használj. Így a szöveg és a térköz automatikusan igazodik, ha a látogató a böngészőjében megnöveli az alapértelmezett szövegméretet.