Naučite da koristite CSS za promjenu atributa fonta
Fontovi i CSS
CSS je najefikasniji način prilagođavanja fontova na vašoj web stranici. Možete kontrolisati porodicu fontova , veličinu, boju, težinu i mnoge druge aspekte tipografije.
Osobine fonta u CSS-u su jedan od najčešćih načina da učinite vašu stranicu više prepoznatljivim i jedinstvenim. Lako je promeniti boju, veličinu i čak lice (sam font) vašeg teksta s CSS osobinama .
- boja
- font-family
- veličina slova
Na font su tri dela:
- boja
- Ovo je boja koju će font prikazati na ekranu.
- veličina
- Ovako je velika ili mala slova na ekranu.
- lice
- Ovo je porodica fontova, često se naziva stvarni font.
Font Boje
Da biste promenili boju teksta, jednostavno koristite CSS stil. Možete koristiti imena boja ili heksadecimalne kodove. Kao i kod svih boja na webu, najbolje je koristiti zaštićene boje pretraživača .
Isprobajte sledeće stilove na vašim web stranicama:
ovaj font je obojen crvenom bojom
ovaj font je obojen plavom bojom
Veličine fontova
Kada postavite veličinu slova na webu, možete ga podesiti u relativnim veličinama ili biti vrlo specifični pomoću piksela, centimetara ili centimetara. Međutim, preciznije veličine fontova su namenjene za štampanje, a ne za web stranice, gde svako ko pregleda vašu veb lokaciju može imati drugačiju rezoluciju, veličinu monitora ili podrazumevano podešavanje fonta. Stoga, ako izaberete 15px kao standardnu veličinu, možda ćete biti neprijatno iznenađeni kada vidite kako veliki ili mali vaš font daje svojim kupcima.
Preporučujem vam da koristite ems za veličinu fonta . Ems dozvoljava vašoj stranici da ostane dostupna, bez obzira ko to gleda, a ems su namenjeni za prikazivanje ekrana. Ostavite svoje piksele i tačke za prikazivanje. Da biste promenili veličinu slova, postavite sledeću sliku na svoju web stranicu:
ovaj font je 1em
ovaj font je .75em
ovaj font je 1.25em
Font Faces
Lice vašeg fonta je ono što mnogi misle kada razmišljaju o "fontu". Možete deklarirati bilo koje fontsko lice koje želite, ali zapamtite, ako vaš čitač ne poseduje taj font, njihov pretraživač će pokušati da pronađe utakmicu za to, a njihova stranica neće izgledati kao što ste nameravali.
Da biste rešili ovaj problem, možete odrediti spisak imena lica, razdvojenih zažama, da bi pretraživač mogao da koristi po redosledu preference. Ovi se zovu fontovi. Imajte na umu da standardni font na računaru (kao što je Arial) možda nije standardan na Macintoshu. Dakle, uvek morate pogledati svoje stranice pomoću minimalno instalirane mašine (i poželjno na obe platforme) kako biste bili sigurni da vaša stranica izgleda dizajnirana čak i sa minimalnim fontovima.
Jedan od mojih omiljenih fontova je Ovaj skup je sans-serif kolekcija fontova i dok geneva i arial ne izgledaju sasvim slično, one su obično standardne na Macintosh i Windows računarima. Ja uključujem helveticu i helv za korisnike na drugim operativnim sistemima kao što su Unix ili Linux koji možda nemaju robusnu biblioteku fontova.
ovaj font je sans-serif
ovaj font je serif