Naučite se uporabljati CSS za spreminjanje atributov pisav
Pisave in CSS
CSS je najučinkovitejši način prilagajanja pisav na vaši spletni strani. Lahko nadzirate družino pisav , velikost, barvo, težo in številne druge vidike tipografije.
Lastnosti pisave v CSS so eden najpogostejših načinov, kako bi vaša stran postala bolj prepoznavna in edinstvena. Barva, velikost in celo obraz (sama pisava) vašega besedila lahko spremenite s CSS lastnostmi pisave .
- barva
- font-family
- velikost pisave
Na pisavi so trije deli:
- barva
- To je barva, ki se bo prikazala na zaslonu.
- velikost
- To je, kako velik ali majhen bo znak na zaslonu.
- obraz
- To je družina pisav, kar se pogosto imenuje dejanska pisava.
Barve pisave
Če želite spremeniti barvo besedila, preprosto uporabite CSS lastnosti barvnega sloga. Uporabite lahko barvna imena ali šestnajstiške kode. Kot pri vseh barvah na spletu je najbolje uporabiti varne barve brskalnika .
Preskusite naslednje sloge na svojih spletnih straneh:
ta pisava je rdeča barva
ta pisava je modra barva
Velikosti pisave
Ko nastavite velikost pisave v spletu, jo lahko nastavite v relativnih velikostih ali pa je zelo specifična s piksli, centimetri ali palcev. Vendar pa so natančnejše velikosti pisave namenjene za tiskanje in ne za spletne strani, kjer lahko vsakdo, ki si ogleda vaše spletno mesto, ima drugačno ločljivost, velikost monitorja ali privzeto nastavitev pisave. Če torej kot standardno velikost izberete 15 slikovnih pik, boste morda neprijetno presenečeni, da boste videli, kako velika ali majhna je vaša pisava vašim strankam.
Priporočam, da uporabite ems za velikost pisave . Ems omogoči, da vaša stran ostane dostopna, ne glede na to, kdo jo gleda, in ems so namenjeni za prikazovanje zaslona. Pustite svoje pike in točke za tiskanje. Če želite spremeniti velikost pisave, na svojo spletno stran postavite naslednji slog:
ta pisava je 1em
ta pisava je .75em
ta pisava je 1,25em
Pisave obrazov
Obraz pisave je tisto, kar mnogi mislijo, ko razmišljajo o "pisavi." Lahko prijavite katero koli pisavo obraza, ki jo želite, vendar ne pozabite, če vaš bralnik nima nameščene pisave, bo njegov brskalnik poskusil najti tekmo za to, in njihova stran ne bo videti, kot ste nameravali.
Če želite odpraviti to težavo, lahko določite seznam imen, ločenih z vejicami, ki jih lahko uporablja brskalnik po vrstnem redu. Ti se imenujejo nizi pisav. Upoštevajte, da standardna pisava na osebnem računalniku (na primer Arial) morda ni standardna na Macintoshu. Zato si morate vedno ogledati svoje strani z minimalno nameščenim računalnikom (in po možnosti na obeh platformah), da zagotovite, da se vaša stran zdi zasnovana tudi z minimalnimi pisavami.
Eden od mojih najljubših nizov pisav je ta niz je sans-serif zbirka pisav in medtem ko geneva in arial ne izgledata grozno podobna, sta oba standardno na računalnikih Macintosh in Windows . Vključujem helvetico in helv za stranke v drugih operacijskih sistemih, kot so Unix ali Linux, ki morda nimajo robustne knjižnice pisav.
ta pisava je sans-serif
ta pisava je serif