Megjegyzés: Ez az oldal a betűkészlet típusának, méretének és színének a weblapon történő módosításához kapcsolódik. A Microsoft Word programban olvassa el a betűtípus színének, méretének vagy típusának a Wordben történő módosításáról szóló oldalt.

Ez a dokumentum útmutatást tartalmaz a betűtípus és annak színének módosításáról egy weboldalon. Az előre haladó szintaxis a Cascading Style Sheets használata az osztály- vagy ID-szelektorokkal együtt, nem pedig egy inline stílusú attribútum vagy betűtípus-címke, amely elavult. Bár érdemes megjegyezni, hogy a két módszer még mindig a legtöbb internetes böngészővel működik.

A folytatáshoz válassza ki azt a módszert, amelyet szeretne tanulni, vagy olvassa el az összes részt.

Ha csak a weblapon kívánja módosítani a betűtípust és annak színét, módosítania kell az attribútumokat az elemcímkében. A stílus attribútum használatával megadhatja a betűtípust és a színt a betűtípus-család, a szín és a betűméret betűméretével, az alábbi példában.

Példa kód

Ez a szöveg a Courier betűtípussal rendelkezik, kék és 20px.

Eredmény

Ez a szöveg a Courier betűtípussal rendelkezik, kék és 20px méretű.

A CSS használata egy vagy több oldalra

Egy oldal egyedi betűtípusa

A weblap fejrészében beilleszthet egy kódot a fülek közé, hogy megváltoztassa a szöveg megjelenését különböző elemek között. A következő kék doboz példakódot tartalmaz, amelyet a hívás után a Courier-nek változtat, és piros színnel színezzük. Mint látható, az osztálynevet "szokásként" definiáltuk.

 .custom {font-family: Futár; piros szín; font-size: 20px; } 

Ha meghatároztuk, ezt a stílust az oldal legtöbb elemére alkalmazhatjuk, ha hozzáadjuk az osztály "szokás" -ját. A következő mező két kódsorot és azok eredményeit mutatja.

Példa

Ez az egész mondat piros és futár

Csak a TEST szó piros és a Courier.

Eredmény

Ez az egész mondat piros és futár.

Csak a TEST szó piros és a Courier.

Egyéni betűtípus sok oldalra

Egy külső CSS-fájl importálása nagyon hasznos lehet, mivel lehetővé teszi a felhasználók számára, hogy egyszerre több oldalra vonatkozó szabályokat módosítsanak. A következő rész egy példa a CSS-fájl létrehozására, amely megváltoztatja a betűtípust és a legtöbb elem színét. Ezt a fájlt több weboldalra is be lehet tölteni, még egy teljes webhelyre is.

Bármely alapszövegszerkesztő segítségével a következő szöveg .css fájlként történő mentése előkészíti az importáláshoz.

 @charset "utf-8";
.courier {font-family: futár; szín: # 005CB9; } 

Miután az előző szöveget egy .css fájlba helyeztük (mi nevünk a mi alapunk. ), Bármely más oldalról hivatkozhatsz a következő példához hasonló sorral.

Tipp: A felhasználók az oldal elemei attribútumait megváltoztathatják az importált .css fájl kódjának módosításával.

Betűtípus címke megoldás

Annak ellenére, hogy elavult, a HTML-címke még mindig használható, és szükség lehet rá, hogy néhány online szolgáltatáshoz használhassa. A FONT címke használatakor meg kell adnia az arc attribútumot, amely leírja a használni kívánt betűtípust. Az alábbi példában a Courier betűtípust és a # 005CB9 hexadecimális színkódot használjuk, amely sötétkék.

Példa kód

 Egy speciális betűtípus-példa. 

Eredmény