Saznajte kako koristiti CSS za promjenu atributa fonta
Fontovi i CSS
CSS je najučinkovitiji način prilagodbe fontova na web stranici. Možete kontrolirati obitelj fonta , veličinu, boju, težinu i mnoge druge aspekte tipografije.
Svojstva fonta u CSS-u jedan su od najčešćih načina da vaša stranica bude prepoznatljiva i jedinstvena. Lako je mijenjati boju, veličinu, pa čak i lice (sam font) vašeg teksta s CSS svojstvima fonta .
- boja
- font-family
- veličina fonta
Font se sastoji od tri dijela:
- boja
- Ovo je boja koju će se font prikazati na zaslonu.
- veličina
- Ovo je velika ili mala slova koja će se prikazati na zaslonu.
- lice
- Ovo je obitelj fontova, što se često naziva stvarnim fontom.
Boje slova
Da biste promijenili boju teksta, jednostavno upotrijebite CSS svojstvo stila boje. Možete koristiti imena boja ili heksadecimalne kodove. Kao i sa svim bojama na webu, najbolje je koristiti sigurne boje preglednika .
Isprobajte sljedeće stilove na svojim web stranicama:
ovaj je font crvene boje
ovaj je font u boji plave boje
Veličine fonta
Kad postavite veličinu fonta na webu, možete je postaviti u relativnim veličinama ili biti vrlo specifičan pomoću piksela, centimetara ili inča. Međutim, točnije veličine fonta treba koristiti za ispis, a ne za web stranice, gdje svatko tko pregledava vašu web stranicu može imati različitu razlučivost, veličinu monitora ili zadanu postavku fonta. Dakle, ako odaberete 15px kao svoju standardnu veličinu, možda ćete biti neugodno iznenađeni kada vidite kako je vaš font velik ili mali vašim korisnicima.
Preporučujem vam da koristite ems za veličinu fonta . Ems dopušta da vaša stranica ostane dostupna bez obzira tko ga gleda, a ems je namijenjen prikazivanju zaslona. Ostavite piksele i točke za prikazivanje ispisa. Da biste promijenili veličinu fonta, stavite sljedeći stil na svoju web stranicu:
ovaj font je 1em
ovaj font je .75em
ovaj font je 1.25em
Fontovi lica
Lice vašeg fonta je ono što mnogi ljudi misle kad misle "font". Možete proglasiti bilo koji font koji želite, ali imajte na umu, ako vaš čitač nema taj font instaliran, njegov preglednik će pokušati pronaći utakmicu za to, a njihova stranica neće izgledati kao što ste namjeravali.
Da biste riješili taj problem, možete odrediti popis naziva lica, odvojenih zarezima, kako bi preglednik koristio prema želji. To se zove fonta. Imajte na umu da standardni font na računalu (kao što je Arial) možda nije standardan na Macintosh računalu. Stoga biste uvijek trebali pregledavati stranice s minimalno instaliranim strojem (i po mogućnosti na obje platforme) kako biste bili sigurni da stranica izgleda dizajnirana čak i uz minimalne fontove.
Jedan od mojih omiljenih fontova je Ovaj set je sans-serif zbirka fontova i dok geneva i arial ne izgledaju strašno slični, oni su oboje relativno standardi na Macintosh i Windows računalima. Uključujem helveticu i helv za korisnike na drugim operativnim sustavima kao što su Unix ili Linux koji možda nemaju robusnu knjižnicu fonta.
ovaj je font sans-serif
ovaj je font serif