Piezīme. Šī lapa ir saistīta ar fonta tipa, izmēra un krāsas maiņu tīmekļa lapā. Microsoft Word skatiet mūsu lapu par to, kā mainīt fontu krāsu, izmēru vai veidu programmā Word.

Šajā dokumentā ir norādījumi par fontu un tās krāsas maiņu tīmekļa lapā. Pareizā sintakse, kas virzās uz priekšu, ir izmantot Cascading Style Sheets kopā ar klases vai ID atlasītājiem, nevis inline stila atribūtu vai fontu tagu, kas ir novecojuši. Lai gan ir vērts atzīmēt, ka šīs divas metodes joprojām darbojas ar lielāko daļu interneta pārlūkprogrammu.

Lai turpinātu, izvēlieties metodi, kuru vēlaties uzzināt, vai izlasiet katru sadaļu.

Ja plānojat mainīt fontu seju un tās krāsu tikai vienu reizi tīmekļa lapā, elementa tagā ir jāmaina tā atribūti. Izmantojot stila atribūtu, varat norādīt fonta seju un krāsu ar fontu ģimeni, krāsu un fonta lielumu ar fonta lielumu, kā parādīts zemāk redzamajā piemērā.

Piemēra kods

Šim tekstam ir Courier, tas ir zils un 20px.

Rezultāts

Šim tekstam ir Courier font, tas ir zils un 20px izmērs.

CSS izmantošana vienai vai vairākām lapām

Pielāgots fonts vienā lapā

Web lapas galvenajā daļā jūs varat ievietot kodu starp cilnēm, lai mainītu teksta izskatu dažādos elementos. Nākamajā zilajā lodziņā ir koda kods, kas, tiklīdz tas ir izsaukts, mainīs jūsu fontu seju uz kurjeru un to sarkanā krāsā. Kā redzat, mēs esam definējuši klases nosaukumu kā "paražu".

 .custom {font-family: Kurjers; krāsa: sarkana; fonta lielums: 20px; } 

Kad tas ir definēts, šo stilu var piemērot lielākai daļai jūsu lapas elementu, pievienojot tiem klasi "custom". Nākamajā lodziņā redzamas divas kodu rindas un to attiecīgie rezultāti.

Piemērs

Šis viss teikums ir sarkans un kurjers

Tikai vārds TEST ir sarkans un kurjers.

Rezultāts

Šis viss teikums ir sarkans un kurjers.

Tikai vārds TEST ir sarkans un kurjers.

Pielāgots fonts daudzām lapām

Ārējā CSS faila importēšana var būt ļoti izdevīga, jo tas ļauj lietotājiem vienlaikus mainīt vairāku lapu noteikumus. Nākamajā sadaļā ir parādīts piemērs pamata CSS faila izveidei, kas maina fontu un tā krāsu vairākumam elementu. Šo failu var ielādēt vairāk nekā vienā tīmekļa lapā, pat visā vietnē.

Izmantojot jebkuru pamata teksta redaktoru, saglabājot šādu tekstu kā .css failu, tas tiks sagatavots importēšanai.

 @charset "utf-8";
.courier {font-family: Kurjers; krāsa: # 005CB9; } 

Pēc tam, kad iepriekšējais teksts ir ievietots .css failā (mēs esam nosaukuši mūsu pamatdokumentus ), varat to saistīt ar jebkuru citu lapu, izmantojot līniju, kas ir līdzīga šim piemēram.

Padoms. Lietotāji var mainīt lapas elementu atribūtus, mainot importētā .css faila kodu.

Fonta tagu risinājums

Lai gan HTML tagu joprojām var izmantot, tas joprojām var tikt izmantots, un to var būt nepieciešams izmantot kopā ar dažiem tiešsaistes pakalpojumiem. Izmantojot FONT tagu, jāiekļauj sejas atribūts, kas apraksta izmantojamo fontu. Tālāk redzamajā piemērā mēs izmantojam Courier fontu un heksadecimālo krāsu kodu # 005CB9, kas ir tumši zils.

Piemēra kods

 Īpašs piemērs. 

Rezultāts