Napomena: Ova je stranica povezana s promjenom vrste fonta, veličine i boje na web-stranici. Za Microsoft Word, pogledajte našu stranicu o tome kako promijeniti boju, veličinu ili vrstu fonta u programu Word.

Ovaj dokument sadrži upute o tome kako promijeniti font i njegovu boju na web-stranici. Pravilna sintaksa koja se pomiče prema naprijed jest da se koriste kaskadni listovi stila zajedno s selektorima klase ili ID-a, a ne atributom stilskog sloga ili oznakom fonta, koji su zastarjeli. Iako je vrijedno napomenuti da ove dvije metode i dalje rade s većinom internetskih preglednika.

Da biste nastavili, odaberite metodu koju želite naučiti ili čitajte svaki odjeljak.

Ako planirate mijenjati lice fonta i njegovu boju samo jednom na web stranici, morate promijeniti njegove atribute u oznaci elementa. Pomoću atributa stila možete odrediti lice i boju fonta s obitelji, bojom i veličinom fonta veličinom fonta, kao što je prikazano u donjem primjeru.

Primjer koda

Ovaj tekst ima font Courier, je plavi i 20px.

Proizlaziti

Ovaj tekst ima font Courier, je plavi i veličine 20 piksela.

Korištenje CSS-a za jednu ili više stranica

Prilagođeni font za jednu stranicu

U glavnom dijelu web-stranice možete umetnuti kôd između kartica kako biste promijenili izgled teksta u različitim elementima. Sljedeći plavi okvir sadrži primjer koda koji bi, jednom nazvan, promijenio lice fonta u Courier i obojio ga crvenom bojom. Kao što možete vidjeti, naziv klase definirali smo kao "običaj".

 .custom {font-family: Courier; boja: crvena; font-size: 20px; } 

Nakon definiranja, ovaj se stil može primijeniti na većinu elemenata na vašoj stranici tako da im se prilagodi klasa "custom". Sljedeći okvir prikazuje dva retka koda i njihove odgovarajuće rezultate.

Primjer

Cijela ova rečenica je crvena i Courier

Samo je riječ TEST crvena i Courier.

Proizlaziti

Cijela ova rečenica je crvena i Courier.

Samo je riječ TEST crvena i Courier.

Prilagođeni font za mnoge stranice

Uvoz vanjske CSS datoteke može biti vrlo koristan jer korisnicima omogućuje promjenu pravila za više stranica u isto vrijeme. Sljedeći odjeljak prikazuje primjer stvaranja osnovne CSS datoteke koja mijenja font i boju za većinu elemenata. Ta se datoteka može učitati na više web-stranica, čak i na cijelu web-lokaciju.

Koristeći bilo koji osnovni uređivač teksta, spremanje sljedećeg teksta kao .css datoteke pripremit će ga za uvoz.

 @charset "utf-8";
.courier {font-family: Courier; boja: # 005CB9; } 

Nakon što se prethodni tekst smjesti u .css datoteku (nazvali smo našu basic.css ), možete se povezati s njom s bilo koje druge stranice koristeći liniju sličnu sljedećem primjeru.

Savjet: Korisnici mogu promijeniti atribute elemenata na stranici promjenom koda u uvezenoj .css datoteci.

Rješenje za oznake fontova

Iako zastarjela, HTML oznaka se još uvijek može koristiti i možda će biti potrebna za korištenje s nekim mrežnim uslugama. Kada koristite FONT oznaku, morate uključiti atribut face, koji opisuje font koji će se koristiti. U primjeru u nastavku koristimo Courier font i heksadecimalni kod boje # 005CB9, koji je tamno plavi.

Primjer koda

 Poseban primjer fonta. 

Proizlaziti