Mësoni të përdorni CSS për të ndryshuar atributet e shkrimit
Fonts dhe CSS
CSS është mënyra më efektive për të rregulluar fontet në faqen tuaj web. Mund të kontrollosh familjen e shkronjave , madhësinë, ngjyrën, peshën dhe shumë aspekte të tjera të tipografisë.
Vetitë e shkronjave në CSS janë një nga mënyrat më të zakonshme për të bërë faqen tuaj më të dallueshme dhe unike. Është e lehtë për të ndryshuar ngjyrën, madhësinë dhe madje fytyrën (vetë fontin) të tekstit tuaj me pronat e shkronjave CSS .
- ngjyrë
- font-family
- përmasa e germave
Janë tre pjesë në font:
- ngjyrë
- Kjo është ngjyra që font do të shfaqet si në ekran.
- madhësi
- Kjo është se sa e madhe apo e vogël lloji do të shfaqë në ekran.
- fytyrë
- Kjo është familja e shkronjave, ajo që shpesh quhet si font aktual.
Ngjyrat e shkronjave
Për të ndryshuar ngjyrën e tekstit, përdorni thjesht stilin e ngjyrës CSS. Ju mund të përdorni ose emrat e ngjyrave ose kodet hexadecimale. Ashtu si me të gjitha ngjyrat në ueb, është mirë që të përdorni ngjyrat e sigurt të shfletuesit .
Provoni stilet e mëposhtme në faqet tuaja të internetit:
ky font është me ngjyrë të kuqe
ky font është ngjyrë blu
Madhësia e shkronjave
Kur vendosni madhësinë e shkrimit në web, mund ta vendosni atë në madhësi relative ose të jetë shumë specifike duke përdorur piksele, centimetra ose inç. Sidoqoftë, madhësitë më të sakta të shkronjave duhet të përdoren për shtyp dhe jo për faqet e internetit, ku të gjithë ata që e shohin faqen tënde të internetit mund të kenë një rezolutë të ndryshme, madhësinë e monitorimit ose cilësimet e parazgjedhura të shkronjave. Kështu, në qoftë se ju zgjidhni 15px si madhësinë tuaj standarde, ju mund të habiteni pakëndshëm për të parë se sa font i madh ose i vogël ju jep klientëve tuaj.
Unë rekomandoj që të përdorni ems për madhësinë e shkronjave . Ems lejon faqen tuaj të mbetet e arritshme pa marrë parasysh se kush është duke e parë, dhe ems janë të destinuara për shfaqjen e ekranit. Lini pixels dhe pikat tuaja për printim. Për të ndryshuar madhësinë e shkronjave, vendosni stilin e mëposhtëm në faqen tuaj web:
ky font është 1em
ky font është .75em
ky font është 1.25em
Font ndeshet
Fytyra e fontit tënd është ajo që shumë njerëz mendojnë kur mendojnë "font". Ju mund të deklaroni çdo fytyrë fontesh që dëshironi, por mos harroni, nëse lexuesi juaj nuk e ka atë font, instaluesi i tij do të përpiqet të gjejë një ndeshje për të, dhe faqja e tyre nuk do të duket si keni menduar.
Për të trajtuar këtë problem, mund të specifikoni një listë të emrave të fytyrës, të ndara me presje, që shfletuesi të përdorë sipas preferencës. Këto quhen letra me font. Mbani në mend se një font standard në një kompjuter (si Arial) mund të mos jetë standard në një Macintosh. Kështu që gjithmonë duhet t'i shihni faqet tuaja me një makinë të instaluar minimalisht (dhe mundësisht në të dy platformat) për t'u siguruar që faqja juaj të duket si e dizajnuar edhe me fontet minimale.
Një nga skedarët e mi të preferuar të fontit është Ky koleksion është një koleksion sans-serif fontash dhe gjersa geneva dhe arial nuk duken tmerrësisht të ngjashme, ato janë të dyja mjaft standarde në kompjuterët Macintosh dhe Windows . Unë përfshij helvetica dhe helv për klientët në sisteme të tjera operative si Unix ose Linux që nuk mund të kenë një bibliotekë të fortë fontesh.
ky font është sans-serif
ky font është serif