Õppige kasutama CSS-i font-atribuutide muutmiseks
Fondid ja CSS
CSS on kõige tõhusam viis fontide kohandamiseks veebisaidil. Saate juhtida fontide perekonda , suurust, värvi, kaalu ja paljusid muid tüpograafia aspekte.
CSS-i font-omadused on üks levinumaid viise, kuidas muuta lehe eristusvõime ja unikaalsemaks. Teksti värvi, suurust ja isegi nägu (fonti ise) on lihtne muuta CSS-fontide omadustega .
- värv
- font-family
- font-size
Font on kolm osast:
- värv
- See on värv, mida font kuvatakse ekraanil.
- suurus
- See, kuidas suur või väike paberil kuvatakse ekraanil.
- nägu
- See on fontide perekond, mida sageli nimetatakse tegelikuks fontiks.
Fontide värvid
Teksti värvi muutmiseks kasutage lihtsalt CSS-i värviruumi omadust. Võite kasutada kas värvimärke või kuueteistkümnemaid koode. Nagu kõigi veebiruumi värvide puhul, on kõige parem kasutada brauseri turvalisi värve .
Proovige järgmisi stiile oma veebilehtedel:
see font on punane
see font on sinist värvi
Fontide suurused
Kui määrate kirjasuuruse veebis, saate seda määrata suhteliste suurustega või olla väga spetsiifiline, kasutades piksleid, sentimeetreid või tolli. Kuid täpseimat kirja suurust kasutatakse printimiseks, mitte veebilehtedele, kus kõigil, kes teie veebisaidil vaatavad, võivad olla erinevad resolutsioonid, monitori suurus või vaikimisi kasutatav font-säte. Seega, kui valite standardpikkusega 15 pikslit, võite olla ebameeldivalt üllatunud, kui suur või väike teie font kuvatakse teie klientidele.
Soovitan kasutada emsi fondi suurust . Ems lubab teie lehel endiselt juurde pääseda olenemata sellest, kes seda vaatab, ja ems on mõeldud ekraanikujenemise jaoks. Jäta oma pikslid ja punktid printimisringiks. Kirjasuuruse muutmiseks pane oma veebilehel järgmine stiil:
see font on 1em
see font on .75em
see font on 1.25em
Fontide kujutised
Fondi nägu on see, mida paljud inimesed mõtlevad, kui nad mõtlevad "fonti." Võite deklareerida mis tahes font nägu, mida soovite, kuid pidage meeles, et kui teie lugeja ei ole seda fonti installinud, proovivad nad brauserit leida selle eest, ja nende leht ei tundu nagu te ette nähtud.
Selle probleemi lahendamiseks saate määrata komadega eraldatud näo nimede loendi, et brauser saaks eelistuste järjekorda kasutada. Neid nimetatakse fondipakenditeks. Pidage meeles, et arvutis standardfinder (nt Arial) ei pruugi olla Macintoshi jaoks standardne. Nii et peate alati oma lehti vaatama minimaalselt installitud masinaga (ja eelistatavalt mõlemal platvormil), et veenduda, et teie leht näib välja töötatud isegi minimaalsete fontidega.
Üks minu lemmikfunktsioonikomplektidest on see seade on fontide kollektsioon sans-serif, samas kui geneva ja arial ei tundu üsna sarnased, on need mõlemad üsna tavalised Macintoshi ja Windowsi arvutite puhul. Ma lisan helvetica ja helv klientidele muudes operatsioonisüsteemides, nagu Unix või Linux, millel ei pruugi olla tugevat fontide raamatukogu.
see font on sans-serif
see font on serif