Egy weboldal kinézetét alapvetően meghatározza a rajta használt betűtípus.
Egy weboldal kinézetét alapvetően meghatározza az oldalon használt betűtípus.
Fontos feladat a tervezés folyamán, hogy jól válasszuk meg a fontot (illetve annak színeit, méretét és vastagságát). Néhány szabályt mindenképpen érdemes betartani!
Legyen a betűtípus jól olvasható!
Kerüld a nehezen olvasható, pl. kézírásos típusokat
Megfelelő betűméretet válassz!
A 12 pontos betűméret tűnik ideálisnak. Akár kisebb, akár nagyobb a méret nőni fog az olvasási idő - persze figyelni kell a különböző felbontású kijelzőkre.
Hagyd lélegezni a szöveget!
Az olvashatóságot az is segíti, ha megfelelő méretű a távolság a betűk, szavak, sorok között.
Használj kerek betűtípusokat!
A nagy, kerek betűket általában sokkal könnyebb olvasni, mint a szűk, sűrű betűket.
Használj vizuális hierarchiát!
Segítségével szépen kiemelhetőek a fontosabb részek - alakítsunk ki tipográfiai hierarchiát, használjunk címsorokat, alcímeket, képaláírásokat stb.
Növeld a kontrasztot!
Néhány esetben jól nézhet ki a minimális kontraszt a háttér és a szöveg színe között, de nagyon megnehezíti az olvasást! Ez az oka annak is, hogy általában a fekete-fehér párosítás a legelterjedtebb.
Vedd figyelembe a közönséged!
Mindig érdemes figyelni arra, hogy milyen környezetbe kerül a szöveg, és kik fogják olvasni. Pl. vidám, vicces betűtípussal nem fognak komolyan venni egy üzleti weboldalt!
Bánj óvatosan a színekkel!
A színek érzelmeket váltanak ki az emberekből, segítségükkel könnyen kiemelhetünk pl. bizonyos tartalmakat. Fontos azonban mértékletesnek lenni ezen a területen is, könnyen káosszá válhat egy weboldal többféle, színes betű és háttér használata esetén!
(https://fonts.google.com/)
Ha már tisztában vagyunk azzal, hogy mit szeretnénk, nagy segítség a google interaktív könyvtára, a Google Fonts (korábban Google Web Fonts), ami jelen pillanatban 877 betűtípus családot tartalmaz.
Az oldal 2010-ben indult, azóta már több ráncfelvarráson is átesett. A betűtípusok többsége SIL Open Font License 1.1 alatt van kiadva, míg néhány Apache licenc alatt (mindkettő szabad licenc).
A döntésben segít, hogy az oldalon ki is tudjuk próbálni a fontokat (akár saját szövegezéssel is) különböző méretekben és a támogatott összes stílusban.
Ha megtaláltuk amit keresünk, egy egyszerű gombnyomással megkapjuk a kódrészletet amit az oldalunkba illesztve már használhatjuk is a kiválasztott betűtípust (vagy akár le is tölthetjük).
Kérj tőlünk ajánlatot, vedd fel velünk a kapcsolatot vagy keress minket e-mailben: hello@whiteelephant.digital!