Milyen betűtípusokat ismer a HTML?

Gondolkozott már azon, hogy milyen betűtípusokat használhat a HTML-ben?? Röviden és tömören elmagyarázzuk Önnek.

kijelző

Ha professzionális weboldalt szeretne készíteni, akkor át kell gondolnia a használni kívánt betűtípusokat. Elmondjuk, milyen betűtípusokat használ a HTML, hogyan integrálhat többet, és mit kell figyelembe vennie.

  • Little Scripts ABC
  • Meglévő HTML betűtípusok
  • Betűtípusok hozzáadása a HTML-hez
  • példa

Little Scripts ABC

A betűtípusok a webdesign fontos részét képezik. Ugyanis az írástól függ, hogy egy weboldal milyen hatással van a felhasználóra, és egyáltalán tudja-e olvasni. Ugyanis a print designhoz képest a webdizájnnál számolni kell a sokféle monitorral és mobileszközzel, melyek felbontása lehet 4K, HD vagy éppen VGA pl.

Az olyan serif-betűtípusok, mint a "Times" és "Times New Roman", általában gyengébb teljesítményt nyújtanak kis felbontású képernyőkön, mint az olyan sans serifek, mint az Arial és a Verdana. A betűtípusok vagy a felhasználó számítógépén vannak, vagy Önnek kell biztosítania őket. Ha ez utóbbi áll fenn, akkor feltétlenül be kell tartania az engedélyt. Mert az ingyenes nyílt forráskódú betűtípusok mellett vannak fizetős betűtípusok is.

Meglévő HTML betűtípusok

A HTML maga nem hoz magával semmilyen betűtípust. A böngészők a weboldal látogatójának számítógépére előre telepített böngészőket használják. Ez alapértelmezés szerint "Times New Roman" a Windows rendszeren, ha nincs más betűtípus megadva a HTML/CSS kódban. Elvileg előfordulhatnak eltérések a használt operációs rendszertől függően, mivel a Windows, Linux és macOS különböző betűtípusokat telepített.

Ha konkrétan meg szeretne adni egy betűtípust egy szakaszhoz, akkor alternatívákat kell hozzáadni, ha a kívánt betűtípus nincs telepítve a számítógépre. Például a következő CSS-bejegyzés a "Times New Roman" betűtípust használja Windows rendszeren, illetve a "Times" betűtípust Linuxon, mivel a "Times New Roman" alapértelmezés szerint nincs telepítve:

p { font-family: "Times New Roman", Times, serif; }

kijelző

Ha a böngésző nem találja a megadott betűtípusok egyikét sem, akkor hasonlót használ.

Betűtípusok hozzáadása a HTML-hez

Webhelyének megtervezésekor már nem kizárólag a megtekintő számítógépére telepített betűtípusoktól függ. Az online elérhető betűtípusok HTML-oldalakba is beágyazhatók. A Google Fonts-ban például ingyenes, nyílt forráskódú tervezői webes betűtípusokat találhat, amelyeket licencdíjak nélkül használhat.

A következő példa a "Roboto" betűtípus weboldalba való integrálását mutatja be. Illessze be a betűtípus hivatkozását a webhely fejlécébe és közé:

kijelző

Ezután a CSS segítségével hozzárendelheti a használni kívánt betűtípust. Például, ha a "Roboto" az összes bekezdés alapértelmezett betűtípusa, egyszerűen írja be a következő bejegyzést egy CSS-fájlba, vagy integrálja a címkék közé és a HTML-oldal fejlécébe:

p { font-family: "Roboto", sans-serif; }

kijelző

Ha a definíciók egy külső CSS-fájlban vannak, akkor is fel kell vennie ezt a fájlt a HTML-oldal fejlécébe:

1. példa


Integráljon külső betűtípusokat
p { font-family: "Roboto", sans-serif; }

Címsor a böngésző alapértelmezett betűtípusával


bla bla

Ez a szöveg "Roboto" betűtípussal jelenik meg.


Bővebben a témáról: