Szöveg és betűtípusok

Címsorok és bekezdések

Címekhez és szekciónevekhez használj Címsort, a szövegtörzshöz Szöveget. A címsoroknak szintjeik vannak: H1, H2 és H3.

Oldalanként egy H1-et használj, általában a fő oldalcímet. A fő szekciókhoz H2-t, a kisebb alszekciókhoz H3-at. Ez segít a látogatóknak átfutni az oldalt, és segít a keresőmotoroknak meg a képernyőolvasóknak megérteni a szerkezetét.

Ne csak azért válassz egy címsorszintet, mert éppen jónak tűnik a mérete. A szerkezethez illő szintet válaszd, és ha kell, utána változtass a betűméreten.

Betűtípus

A Betűtípus vezérlő cseréli a betűképet. A projekted egy címsor- és egy szövegtörzs-betűtípussal indul, amit az új projekt varázslóban választasz. Egy-egy blokknál felül is írhatod a betűtípust, ha szükséges.

Néhány gyakorlati szabály:

• Két betűtípus általában elég: egy a címsorokhoz, egy a szövegtörzshöz.

• A sans serif betűtípusokat könnyű olvasni a képernyőn.

• A serif betűtípusok szerkesztőibb vagy hagyományosabb hangulatot adhatnak.

• A monospace betűtípusok kódhoz, címkékhez és apró technikai részletekhez valók.

Méret és vastagság

A Méret változtatja meg, mekkora a szöveg. A szövegtörzs általában 16 és 18 pixel között van. A címsorok ennél jóval nagyobbak lehetnek.

A Vastagság változtatja meg, mennyire félkövér a szöveg. A félkövéret kiemelésre használd, ne egész bekezdésekre. Egy oldalon, ahol minden félkövér, nem marad kiemelés.

Szín

A szövegszín legyen kontrasztban a háttérrel. A sötét szöveg világos háttéren és a világos szöveg sötét háttéren a biztos választás.

Ha bizonytalan vagy, nézd meg az oldalt telefonon, erős fényben. A gyenge kontrasztot sokkal nehezebb észrevenni egy nagy asztali monitoron.

Igazítás

Az Igazítás állítja be, hogy a szöveg balra, középre vagy jobbra kerüljön.

Bekezdéseknél a balra igazítás a legkönnyebben olvasható. A középre igazított szöveg rövid címsorokhoz, idézetekhez és cselekvésre hívó szövegekhez működik. A jobbra igazítás ritka; csak akkor használd, ha van rá okod.

Soron belüli stílusok

Jelöld ki a szöveg egy részét, hogy félkövér, dőlt, aláhúzott vagy áthúzott legyen. A kijelölt szöveghez hivatkozást is adhatsz.

A soron belüli stílusok egy mondaton belüli kiemelésre valók. Nem helyettesítenek egy címsort vagy egy külön bekezdést.

Egy apró soron belüli ikonhoz írd be a : jelet, és keress, például :check vagy :star. Az ikonrács működéséről a Perjeles parancsok és rejtett gyorsparancsok oldalon olvashatsz.

Szövegárnyék

A Szövegárnyék árnyékot tesz a betűk mögé. Segíthet, hogy a szöveg fotó fölött is olvasható maradjon, de ódivatúnak vagy maszatosnak is hathat.

Ha a szöveget nehéz elolvasni egy kép fölött, először próbálj sötétebb átfedést a képen. Az árnyék a második lehetőség, nem az első.

Hivatkozások a szövegben

Jelölj ki szöveget, és a hivatkozás vezérlővel mutass vele egy oldalra, egy URL-re, egy e-mail-címre vagy egy telefonszámra. Azt is beállíthatod, hogy a hivatkozás új lapon nyíljon meg.

Kerüld a „katt ide” hivatkozást. Írd le inkább a célt: „Nézd meg az árakat” vagy „Olvasd el a teljes történetet”. Ez segít a látogatóknak és a képernyőolvasóknak.

Tipográfia és a webhely többi része

Az itt beállított stílusok egy blokkra vagy egy kijelölésre érvényesek. Ha azt szeretnéd, hogy minden címsor vagy minden gomb megváltozzon, használd a Stíluskezelőt.

Egy egyszerű kezdő recept

Egy olvasható oldalhoz:

1. Egy H1 legfelül.

2. Szövegtörzs 16–18 pixelben.

3. H2 minden fő szekcióhoz.

4. Bőven hely a szekciók között.

5. Balra igazított bekezdések.

6. Egy kiemelő szín a hivatkozásokhoz és gombokhoz.

Utána olvasd el az oldalt telefonon. Ha nagyítani kell, a szöveg túl kicsi.