Az egyszerű formázási lehetőségek lehetővé teszik a weboldal betűtípusának (vagy típusának) a CSS (Cascading Style Sheets) használatával történő módosítását. Beállíthatja az egyes szavak, konkrét mondatok, címsorok, teljes bekezdések és akár teljes szöveges oldalak betűtípusát.
Hogyan változtassuk meg a betűt CSS-vel
A HTML és a CSS módosításokat a HTML-szerkesztő vagy a szövegszerkesztő használatával magyarázhatja meg. A szöveget átmásolhatja az oldalról, és beillesztheti egy szerkesztőbe, ahol elvégezheti a módosításokat, vagy megnyithatja az egész weboldalt a szerkesztőben, és közvetlenül szerkesztheti.
-
Keresse meg azt a szöveget, ahol módosítani szeretné a betűtípust. Ezt példaként használjuk:
Ez a szöveg az Arial-ban található
-
Körül a szöveg a SPAN elemrel:
Ez a szöveg az Arial-ban található
-
Adja hozzá az attribútumot style = "" a span taghoz:
Ez a szöveg az Arial-ban található
-
A stílus attribútumon belül változtassa meg a betűtípust a betűtípus család stílus.
Ez a szöveg az Arial-ban található
-
Mentse a módosításokat a hatások megtekintéséhez.
Tippek a CSS használatához a betűtípus megváltoztatásához
-
A legjobb megközelítés az, hogy mindig legalább két betűtípussal rendelkezzen a betűkészletben (a betűtípusok listája), így ha a böngészőnek nincs első betűtípusa, akkor a második betűtípust helyettesítheti.
Többszörös betűtípus választása vesszővel, például:
betűtípus-család: Arial, Genf, Helvetica, sans-serif;
-
A fentiekben bemutatott példa inline stílusokat használ, de a legjobb stílus a külső stíluslapot használja, így nem csak az egyetlen elemet érheti el. Használhatja az osztályt, hogy a stílusokat blokkolja a szövegblokkokon.
Ez a szöveg az Arial-ban található
Ebben a példában a fenti HTML formázásához használt CSS-fájl a következőképpen jelenik meg:
.arial {font-family: Arial; }
-
A CSS stílusokat mindvégig pontosvesszővel (;) adjuk meg. Ez nem feltétlenül szükséges, ha csak egy stílus van, de ez egy jó szokás.
