CSS šriftai

Lukas

CSS kalboje teksto šriftą, dydį, stilių galime nurodyti šiais parametrais: font-family, font-size, font-style, font-variant ir font-weight. Ant kiekvieno iš jų galite paspausti ir paskaityti pilną parametro informaciją. Jei norite, galite naudoti sutrumpintą šių visų parametrų variantą - parametrą font. Teksto spalvą galime nurodyti per parametrą color.

CSS kodo pavyzdys

.pirmas{
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
}
 
.antras{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:12px;
}
 
.trecias{
 font-family: "Courier New", Courier, monospace;
 font-size:12px;
}
 
.ketvirtas{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-style:italic;
 font-variant:small-caps;
 font-weight:700;
}

Reikšmių lentelė

Parametras	Reikšmė
font-family	Nurodo teksto šrifto šeimą. Patariama naudoti tokius šriftus, kuriuos turi visi kompiuteriai, telefonai ir kt. aparatūra, su kuria gali atverti jūsų kuriamą puslapį. Atskiriant kableliu galima nurodyti kiek reikia daug alternatyvių šriftų. Patariamos reikšmės: font-family:Verdana, Geneva, sans-serif; font-family:Georgia, "Times New Roman", Times, serif; font-family:"Courier New", Courier, monospace; font-family:Arial, Helvetica, sans-serif; font-family:Tahoma, Geneva, sans-serif; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-family:"Arial Black", Gadget, sans-serif; font-family:"Times New Roman", Times, serif; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family:"Comic Sans MS", cursive;
font-size	Nurodo teksto aukštį. Daugiau informacijos čia: font-size
font-style	Nurodo šrifto stilių. Galimors reikšmės: normal, italic, oblique arba inherit. Daugiau informacijos čia: font-style
font-variant	Nurodo papildomas šrifto variacijas. Galimos reikšmės: small-caps, normal arba inherit. Daugiau informacijos čia: font-variant
font-weight	Nurodo šrifto storį. Galimos reikšmės: normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900. Daugiau informacijos čia: font-weight
font	Nurodo šriftą ir jo kitus parametrus. Daugiau informacijos čia: font