Märkus: see lehekülg on seotud fondi tüübi, suuruse ja värvi muutmisega veebilehel. Microsoft Wordi puhul vaadake meie lehekülge, kuidas muuta Wordi värvi, suurust või tüüpi.

See dokument sisaldab juhiseid fondi ja selle värvi muutmise kohta veebilehel. Õige süntaks, mis liigub edasi, on kasutada Cascading Style Sheets'i koos klassi- või ID-valijatega, mitte inline-stiilis atribuuti või fondimärgist, mis on aegunud. Kuigi tasub märkida, et need kaks meetodit töötavad enamiku Interneti-brauseritega.

Jätkamiseks valige meetod, mida soovite õppida või lugeda iga osa.

Kui plaanite muuta veebilehe fontide ja selle värvi muutmist ainult üks kord, peate elementi sildil muutma selle atribuute. Stiili atribuuti kasutades võite määrata fontide perekonna, värvi ja fondi suurusega fondi näo ja värvi, nagu on näidatud allpool toodud näites.

Näide kood

See tekst on kirjas Courier, on sinine ja 20tk.

Tulemus

Sellel tekstil on Courier-font, sinine ja 20-kordne.

CSS-i kasutamine ühe või mitme lehekülje jaoks

Kohandatud font ühe lehekülje jaoks

Teie veebilehe peaosas võite sisestada vahelehtede vahele koodi, et muuta oma teksti välimust erinevates elementides. Järgmine sinine kast sisaldab näidiskoodi, mis, kui seda on kutsutud, muudaks teie fontide kulleriks ja värviks selle punaselt. Nagu näete, oleme klassi nime defineerinud kui "kohandatud".

 .custom {font-family: kuller; värvus: punane; fondi suurus: 20px; } 

Kui see on määratletud, saab seda stiili rakendada enamikus teie lehe elementides, lisades neile klassi "kohandatud". Järgmises kastis on kaks koodi rida ja nende tulemused.

Näide

Kogu lause on punane ja kuller

Ainult sõna TEST on punane ja kuller.

Tulemus

Kogu lause on punane ja kuller.

Ainult sõna TEST on punane ja kuller.

Kohandatud font paljude lehtede jaoks

Välise CSS-faili importimine võib olla väga kasulik, sest see võimaldab kasutajatel korraga mitme lehekülje reegleid muuta. Järgmises jaotises on näide CSS-põhifaili loomisest, mis muudab enamiku elementide fondi ja selle värvi. Seda faili võib laadida rohkem kui ühe veebilehe, isegi terve saidi.

Mis tahes põhilise tekstiredaktori abil salvestatakse järgmine tekst .css-failina selle importimiseks.

 @charset "utf-8";
.courier {font-family: kuller; värv: # 005CB9; } 

Kui eelmine tekst on paigutatud .css-faili (meie nimeks on meie põhilised.css ), saate sellele lingida mis tahes teiselt lehelt, kasutades järgneva näite sarnast rida.

Nõuanne: kasutajad võivad muuta elementide atribuute lehel, muutes imporditud .css-faili koodi.

Kirjatähise lahendus

Kuigi HTML-märgis on aegunud, võib seda siiski kasutada ja mõningate võrguteenustega kasutamiseks vajalik olla. FONT-sildi kasutamisel peate lisama näo atribuudi, mis kirjeldab kasutatavat fonti. Alltoodud näites kasutame Courier-fonti ja heksadecimaalset värvikoodi # 005CB9, mis on tumesinine.

Näide kood

 Spetsiaalne font näide. 

Tulemus