Gaál BerniApróságnak tűnhet leragadni a betűknél, mégis muszáj szót ejtenünk a fontokról (betűkészlet, karakterkészlet), hiszen a szöveget – még ha nem is így gondolsz rá – ugyanúgy a webdesign részének kell tekinteni, mint a képeket vagy a színeket. Utóbbi kettőt sem bízod a véletlenre, igaz? Egy gondosan megválasztott betűtípus ugyanis tükrözi a márkád hangulatát és maradásra (olvasásra) sarkallja a látogatóidat. Egy silány, olvashatatlan fajta viszont elriasztja őket.
Hogyan találd meg az egyensúlyt a hozzáférhető, könnyen olvasható betűtípusok, és a márka egyéniségét hangsúlyozó egyedi címsorok között? Erre mutatok neked egy népszerű eszközt, a Google Fonts-készletet.
Mi az a Google Fonts?
A Google Fonts egy ingyenes, nyílt forráskódú könyvtár, amely több száz betűtípust tartalmaz több mint 135 nyelven. Ebből az óriási könyvtárból nemcsak betölteni lehet a betűtípusokat a weboldalakra, hanem ha akarod, a saját gépedre is lementheted akár a teljes betűcsaládot (ugyanannak a betűnek a félkövér, black, dőlt, stb. változatait jelenti). Így akkor sem kell lemondanod a márkaazonos megjelenésről, amikor pl. Instagram-posztot készítesz. A jogtiszta Google fontokat szabadon felhasználhatod továbbá nyomtatott termékeken, e-könyveken, oktatóanyagokon, stb.
Tudom, hogy sokan közületek a Canvában szerkesztik és vezetik a közösségi média megjelenéseiket, ezért az a jó hírem van, hogy a Google Fonts-ról szerzett betűtípust akár a Canvába is feltöltheted és használhatod. Igaz, ahhoz Pro-tagnak kell lenni, hogy saját arculati csomagot tölts fel, ám a legnépszerűbb Google Fontokat jó eséllyel az alapkészletben is megtalálod.
Miért fontos, hogy milyen betűtípus lesz a honlapodon?
A betűtípus befolyásolja:
- Látogatómegtartást – Minél átláthatóbb olvashatóbb a webhely, annál tovább maradnak az emberek.
- A bizalmat a márka iránt – A betűtípusok hangulatot, érzéseket közvetítenek.
- Olvashatóságot – A megfelelő, tehát olvasható betűtípus megkönnyíti az információk átadását.
- SEO-t – Igen, a betűtípusok befolyásolhatják a keresési rangsort! Ezért fontos, hogy jól olvasható (a gyengénlátók számára is), eltérő képernyőméretekre optimalizált (mobilon se legyen túl kicsi) betűtípust válassz.
Az 5 legnépszerűbb Google betűtípus, amit akár már holnap használhatsz
Mielőtt beleszeretnél egy betűtípusba, mindenképpen ellenőrizd, hogy tartalmazza-e az összes magyar ékezetes karaktert. Ezt a csekkolást ne spórold le, mert nincs kiábrándítóbb egy kilógó Ó vagy Ő betűnél.
Ezekkel a játékos példákkal ellenőrizheted, hogy teljes-e a karakterkészlet:
- Ávíztűrő tükörfúrógép
- Úrnőm, gyümölcsízű rágót végy!
- Szélütött űrújságírónő
- Tíz büdös légy húsz műcsótányt főz
A következő Google Fonts betűtípusokat már ellenőriztem, ezeket bátran használhatod az arculatod részleként a közösségi média posztjaidon vagy a honlapodon.
Open Sans
Az Open Sans a designipar egyik legnépszerűbb betűtípusa. A Steve Matteson által tervezett Open Sans elsősorban bekezdésekhez és kisebb szövegekhez jó választás. 13 stílusban érhető el, a lighttól az extraboldig.
Montserrat
A Montserrat egy másik jól ismert kortárs betűtípus. A neves grafikus, Julieta Ulanovsky által megalkotott Montserrat sokoldalúsága és széles választéka (36 stílus) miatt manapság a tervezők kedvencévé vált – szinte bármihez kiváló.
Poppins
A Poppins egy újabb betűtípus, amely karcsú megjelenése miatt azonnal a tervezők kedvencévé vált. Kiváló betűtípus félkövér címsorokhoz és címekhez, és jól mutat kontrasztos háttérrel.
Oswald
Az Oswald hét különböző stílusban elérhető, ám elsősorban címsorokhoz javasolt. Jól kombinálható vékonyabb betűtípusokkal.
Raleway
Az Oswaldhoz hasonlóan a Ralewayt is inkább címekhez és címsorokhoz használják. Modern és klasszikus betűtípusokkal egyaránt jól passzol.
Hogyan kerül fel a betűtípus a weboldalra?
Oké, erre a kérdésre nem lehet egyetlen mondatban válaszolni, mert függ attól, hogy:
- milyen weboldal sablont használsz (pl. valamilyen WordPress alapsablon, vásárolt sablon, egyedi kódolt sablon, stb.) és ott szabadon be tudod-e állítani a Google betűtípusokat,
- oldalépítővel készült-e a honlapod (pl. Elementor, Divi, vagy Wix, Webflow, stb. működteti-e),
- és egyáltalán a webhelyed megjelenését (kinézetét) biztosító alapok mennyiben engednek neked szabad kezet.
A legegyszerűbb dolgod akkor van, ha valamilyen oldalépítővel készült a honlapod, hiszen ezeket eleve úgy hozták létre, hogy kódolási ismeretek nélkül is mutatód webhelyeket hozhass létre magadnak.
Pl. az Elementorban az általános beállítások között találod a tipográfiai beállításokat. A különböző szövegtípusokra (címsorok, bekezdések, stb.) egy legördülő listából tudod kiválasztani az alkalmazni kívánt Google betűtípusokat.
Készen állsz, hogy kipróbálj egy új betűtípust?
Ha a legjobb betűtípusokat keresed a weboldaladra, a Google Fonts kétségtelenül az egyik legjobb forrás erre. Itt több száz betűtípus közül válogathatsz, ingyen. Nem fogsz elaprózodni a gyűjteményben akkor, ha használod a karakterkészlet ellenőrzésére szolgáló példák egyikét.