Tipográfia vállalkozói weboldalhoz

Egy weboldalon a látogató legtöbbször szöveget néz. Ezért a betűk kiválasztása és elrendezése – a tipográfia – az egyik legerősebb, mégis gyakran elhanyagolt eszköz. A jó tipográfia láthatatlan: a szöveg egyszerűen könnyen olvasható, és közben hangulata van.

Két betű elég

A legtöbb weboldalnak két betűcsaládra van szüksége:

• Címsorbetű: ez a karakter. Lehet merész, széles, keskeny, különleges – ez adja az oldal hangját.
• Szövegbetű: ez a munkás. Olvasható kis méretben, mobilon, hosszú bekezdésekben is.

Egy harmadik betű ritkán tesz hozzá, viszont szinte mindig zavarosabbá teszi az összképet – és lassítja az oldalt, mert minden betűt külön le kell tölteni.

Karakter a címsorban

A címsorbetű a látvány része. Egy széles, erős betű magabiztosságot sugároz, egy vékony, elegáns betű finomságot, egy geometrikus betű modernséget. Itt lehet bátrabbnak lenni – egy-két szó, nagy méretben.

Egy figyelmeztetés: a nagyon széles betűk mobilon gyorsan kifogynak a helyből. A hosszú magyar szavak – „weboldal-fejlesztés”, „kapcsolatfelvétel” – ilyenkor csúnyán törhetnek. Ezt már a betűválasztásnál érdemes kipróbálni, valódi szövegekkel.

Olvashatóság a szövegben

• Méret: mobilon a szövegbetű ne legyen túl kicsi. A kényelmes olvasáshoz általában 16–18 pixel körüli méret kell.
• Sorköz: a szöveg sorai között legyen levegő – a betűméret másfélszerese körül jó kiindulópont.
• Sorhossz: a túl hosszú sor fárasztó, mert a szem nehezen találja meg a következő sor elejét. Egy sorban nagyjából 60–75 karakter kényelmes.
• Kontraszt: a halványszürke szöveg elegánsnak tűnhet, de sokaknak olvashatatlan. A szövegnek el kell érnie a megfelelő kontrasztot a háttérrel.

Hierarchia

A tipográfia rendet is teremt. Ha a címek, alcímek és a szöveg mérete, vastagsága és távolsága következetes, a látogató egy pillantással átlátja az oldal szerkezetét. Ezt nevezzük hierarchiának: a szem tudja, mi a fontosabb.

Jó jel, ha az oldalon csak néhány betűméret szerepel, és mindegyiknek egyértelmű szerepe van.

Magyar ékezetek

Nem minden betűkészlet tartalmazza a magyar ékezetes betűket, különösen az ő és ű betűt. Ha hiányoznak, a böngésző egy másik betűvel pótolja őket, és a szavak közepén „kilógó” betűk jelennek meg. Betűválasztásnál ezért mindig érdemes egy valódi magyar mondattal próbálni.

A betű és a sebesség

A betűkészleteket a böngészőnek le kell töltenie. Érdemes csak azokat a vastagságokat betölteni, amelyeket az oldal ténylegesen használ, és a betűket saját tárhelyről, modern formátumban kiszolgálni. Erről a látványos és gyors weboldalról szóló írásunkban is szóltunk.

A betűk az arculat részei is: ha logó és weboldal együtt készül, a kettő betűi egymáshoz illeszkednek. Erről az arculat és logó oldalon, a teljes oldalról pedig a bemutatkozó oldal szolgáltatásunknál olvashat.