HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
menü MENÜ    

CSS3 stíluslapok készítése

CSS3 fontok


    Megismerjük a weboldalon betűk, számok, írásjelek és egyéb karakterek összefoglaló néven fontok jellemzői megadásának módjait.                         

Programozott tananyag:


Fontok, fontkészletek
Az elektronikus dokumentumokban használt betűtípusok helyes megválasztásával az esztétikus megjelenésen túl, áttekinthetővé tehetjük weboldalunkat, kiemelve a legfontosabb információkat.

Általános fontcsaládok ( generic family )
A böngészők mindig megpróbálják a stíluslapon megadott betűtípusokat használni a megjelenítéshez, de nem mindig sikerül. Előfordul, hogy a felhasználó számítógépén betűtípus nem elérhető. Ekkor a böngésző egy hasonlót igyekszi

Specifikus fontcsaládok ( font family )
Egy fontcsalád ( font-family ) általában egy betűtípusból és annak változataiból ( dőlt, félkövér..) áll.

Web biztos fontok
Néhány gyakran használt betűtípis deklarációban használt fontcsalád kombináció következik, amelyek jó eséllyel minden böngészőben megfelelő eredményhez vezetnek.

Google web fontok
A Google böngészőfüggetlen szabad hozzáférésű biztosít webfejlesztők számára. Több mint 600 betűtípus közül választhatunk.

Relatív hosszmértékegységek
A képpont mérete a megjelenítő eszköztől (pl. monitor) függ....

Abszolút hosszmértékegységek
Az abszolút mértékegységek elvileg mindig ugyanakkora méretet jelentenek.

Fontméret
A betűméret (font-size) tulajdonság értéke megadható abszolút vagy relatív mértékegységekkel

Font stílusok
A fontstílus lehet normál vagy dőlt. A megdöntött változatot érdemes a fontcsalád fontkészletéből választani.

Font variációk
A Kiskapitális fontvariáció használata esetén minden betű formailag nagy lesz, csak a mérete változik.

A betűk vastagsága
A betűk vastagságát a font-weight tulajdonság segítségével adhatjuk meg.

A font összevont tulajdonság
A font tulajdonság segítségével egy lépésben (összevontan) megadhatók a fontok tulajdonságai.

 

CSS font-
tulajdonságok
a tananyagban


font CSS1
font-family CSS1
font-size CSS1
font-style CSS1
font-variant CSS1
font-weight CSS1
Google fontok CSS3