hu en sv en hu it hu en hu de hu ja hu hu hu hu hu hu hu hu it hu hu ceb hu en hu hu hu hu en id it sv en en en hu hu hu hu hu hu hu cs en hu hu hu hu hu hu hu hu hu hu hu hu cs en hu hu hu hu hu hu hu hu es es es tr en hu hu hu hu hu hu hu hu hu fr hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu en hu it hu en hu de hu ja hu hu hu hu hu es es es tr en hu
CSS fonts (betűkészlet, betűtípus, betűvastagság) - WEBiskola
Weboldalszerkesztő (HTML, CSS, JS kódszerkesztő) HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső)
A CSS segítségével természetesen lehetőségünk van megváltoztatni az alapértelmezett betűkészletet (vagy betűtípust, ki hogy szereti), illetve betűvastagságot.
Ezek a legelterjedtebb és leginkább bevált betűkészletek, érdemes ezek közül választani:
Fontos, hogy a kiválasztott betűkészletet teszteljük több böngészőn és eszközön is.
A CSS-ben a font-family tulajdonságot használjuk egy betűkészlet meghatározására. Célszerű több betűkészletet is megadnunk egymás után, ha esetleg valamelyik nem lenne elérhető az adott számítógépen, sőt a végére érdemes megadni a betűcsaládot is.
ELEM { font-family: BETŰKÉSZLET(EK); } Code language: CSS (css)
A betűkészlet(ek) helyére érdemes megadni minimum kettő betűkészletet és azt, hogy melyik családhoz tartoznak, mert ha az adott számítógépen egyik betűkészlet sem érhető el, akkor abból a betűcsaládból fog választani egyet, ami hasonlít az általad megadottra.
Példa betűkészlet, betűtípus megadására
.p1 { font-family: "Times New Roman", Times, serif; } .p2 { font-family: Arial, Helvetica, sans-serif; } .p3 { font-family: "Lucida Console", "Courier New", monospace; } Code language: CSS (css)
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
A fenti példákban az első két érték mindig a betűtípust, míg a harmadik érték a betűcsalád, ahová tartozik.
Ha úgy gondoljuk, hogy a betűink megjelenése túl vékony, akkor átállíthatjuk vastagabbra azt.
font-weight: ÉRTÉK; Code language: HTTP (http)
Az érték helyére egy számot érdemes megadni. Megadhatjuk esetleg még a normal vagy bold szavakat is, ahol a normal egy átlagos vastagság lesz, míg a bold egy vastagabb variáció.
.p1 { font-weight: 100; } .p2 { font-weight: 500; } .p3 { font-weight: 1000; } Code language: CSS (css)
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Használata nagyon egyszerű és segít weboldalunk felhasználók igényére szabásában.
Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!
CSS alapok (A CSS alapjainak összefoglalója)
A legfontosabb, legalapvetőbb CSS parancsok, utasítások
CSS képigazítás (Kép igazítása középre, balra, jobbra CSS-el)
Mi az a CSS? A CSS bemutatása
#CSS #css fonts #css kezdőknek #css magyar #css magyar nyelven #CSS programozás #css webprogramozás #fonts #magyar css #webfejlesztés #webprogramozás alapjai
Mi az a CSS? A CSS bemutatása
Mi az a CSS kijelölő, azaz szelektor? (CSS selector használata)
A legfontosabb, legalapvetőbb CSS parancsok, utasítások
CSS használatának, csatolásának módszerei
A CSS használata [CSS használati útmutató]
CSS komment, azaz megjegyzés használata (CSS comments)
Színek használata CSS segítségével (CSS colors)
Szövegszín beállítása CSS-ben (CSS color)
CSS háttérszín beállítása (CSS background-color)
CSS színátmenet (Lineáris és sugárirányú CSS gradient)
CSS háttérkép beállítása (CSS background-image)
Dőlt betű beállítása CSS-el (CSS italic)
Szöveg aláhúzás CSS segítségével (CSS underline)
CSS szövegformázás (Szövegszín, szövegigazítás, szövegátalakítás, szövegdekoráció, szövegárnyék, szöveg háttér)
CSS keretek, szegélyek használata (CSS border)
CSS margó beállítása (CSS margin)
CSS alapok (A CSS alapjainak összefoglalója)
CSS padding használata (CSS padding magyarul)
CSS hivatkozások, linkek formázása (HTML a elem formázása CSS segítségével)
CSS táblázat formázás (CSS table)
Gomb formázása CSS-el (CSS button)
CSS képigazítás (Kép igazítása középre, balra, jobbra CSS-el)
Reszponzív weboldal készítése (Viewport és CSS Media Query)
CSS pozíció (abszolút, relatív, rögzített, statikus, ragadós)
Mi az a z-index és hogyan kell használni?
CSS float használata (CSS úsztatás, lebegés)
CSS szélesség, magasság (width, height, max-width, max-height, min-width, min-height)
CSS fonts (betűkészlet, betűtípus, betűvastagság)