Betűtípus csere a weboldalon

Hogyan kell az alap betűtípusoktól megválni, és egyedi betűfajtával ellátni a weboldalunk szövegeit? Mint oly sok dologra, ennek is van a Google-nek (ingyenes) szolgáltatása.

Néhány lépés az egész:

  1. Fel kell keresni a Google Fonts oldalt.
  2. Kell keresni egy tetszetős betűtípust.
  3. A betűtípusok alatt van egy nagy kék “Add to Collection” gomb. Emellett balra a 2. gomb egy “Quick-use” feliratú. Erre kell kattintani, majd követni kell az ott leírtakat, az ottani 3-as ponttól kezdve:
  4. A megadott kódsort a weboldal fejlécébe kell tenni.
  5. A betűtípust integrálni kell a weboldal stíluslapjába (css fájl), a megjelölt módon.

A fentiek elvégzése után a stíluslapon megjelölt elemek a kiválasztott betűtípussal fognak megjelenni.

Mire kell figyelni?
Az ékezetekre. Ugyanis nem mindegyik betűtípus tudja kezelni pl. az ű és ő betűket. Ugyan a betűtípusoknál van egy olyan “Pop out” gomb, amellyel megnézhetjük az adott betűtípus karakterkészletét, de ez sajnos sok esetben eltér a tényleges felhasználáskor kapott megjelenítési módtól.

Hogyan győződhetünk meg arról, hogy minden karaktert képes megjeleníteni a kiválasztott betűtípus?
Hozzon létre egy tesztoldalt, a korábban már bemutatott tesztszöveggel!

UPDATE, 2016.07.04. Megújult a Google Fonts, íme egy videó az új felület használatáról:

Cikkértesítő

Ha nem szeretne lemaradni az új cikkekről, akkor iratkozzon fel az értesítőre!

Szólj hozzá!

*

code

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépén. Ha ezt nem szeretné, akkor a böngészője megfelelő beállításait használva tiltsa le a cookie-k tárolását, vagy zárja be a weboldalt. Mik azok a cookie-k? Hogyan tudja tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás