Aflați cum să utilizați CSS pentru a schimba atributele fontului
Fonturi și CSS
CSS este cel mai eficient mod de a ajusta fonturile pe pagina dvs. web. Puteți controla familia fontului , dimensiunea, culoarea, greutatea și multe alte aspecte ale tipografiei.
Proprietățile fonturilor în CSS sunt una dintre cele mai comune metode de a face pagina dvs. mai distinctivă și unică. Este ușor să modificați culoarea, dimensiunea și chiar chipul (fontul propriu-zis) al textului dvs. cu proprietăți ale fontului CSS .
- culoare
- familie de fonturi
- marimea fontului
Există trei părți la un font:
- culoare
- Aceasta este culoarea pe care va fi afișată fontul ca pe ecran.
- mărimea
- Acesta este modul în care dimensiunea fontului mare sau mic va fi afișată pe ecran.
- față
- Aceasta este familia de fonturi, ceea ce este adesea denumit fontul real.
Culori de caractere
Pentru a schimba culoarea textului, pur și simplu utilizați proprietatea stilului de culoare CSS. Puteți utiliza fie nume de culori, fie coduri hexazecimale. Ca și în cazul tuturor culorilor de pe web, este mai bine să utilizați culori în siguranță pentru browser .
Încearcă următoarele stiluri în paginile tale web:
acest font este colorat roșu
acest font este colorat albastru
Dimensiuni font
Când setați dimensiunea fontului pe web, îl puteți seta în dimensiuni relative sau puteți fi foarte specific folosind pixeli, centimetri sau inci. Cu toate acestea, dimensiunile de fonturi mai precise sunt menite să fie utilizate pentru tipărire, și nu pentru paginile web, în care toți cei care vizualizează site-ul dvs. Web pot avea o rezoluție diferită, dimensiunea monitorului sau setarea implicită a fontului. Astfel, dacă alegeți 15px ca dimensiune standard, s-ar putea să fiți surprinși neplăcut pentru a vedea cât de mare sau mic vă oferă fontul pentru clienții dvs.
Vă recomandăm să utilizați ems pentru dimensiunea fontului . Ems permite ca pagina dvs. să rămână accesibilă indiferent de cine o vizionează, iar ems-urile sunt destinate redării ecranului. Lăsați pixelii și punctele pentru redarea imprimării. Pentru a modifica dimensiunea fontului, plasați în pagina dvs. web următorul stil:
acest font este 1EM
acest font este .75em
acest font este 1.25
Font Faces
Fața fontului dvs. este ceea ce mulți oameni gândesc când gândesc "font". Puteți să declare orice chip de font pe care doriți, dar amintiți-vă, dacă cititorul dvs. nu are fontul instalat, browserul va încerca să găsească un meci pentru aceasta, și pagina lor nu va arăta așa cum ați intenționat.
Pentru a rezolva această problemă, puteți specifica o listă cu nume de fețe, separate prin virgule, pentru ca browserul să poată fi utilizat în ordinea preferințelor. Acestea se numesc stive de fonturi. Rețineți că un font standard pe un PC (cum ar fi Arial) nu este standard pe un Macintosh. Deci, ar trebui să vizualizați întotdeauna paginile dvs. cu o mașină instalată minim (și, de preferință, pe ambele platforme) pentru a vă asigura că pagina dvs. pare a fi proiectată chiar și cu fonturi minime.
Unul dintre stivele mele preferate de fonturi este Setul este o colecție de fonturi sans-serif și în timp ce geneva și arial nu par foarte teribil, ele sunt ambele destul de standard pe computerele Macintosh și Windows . Includeți helvetica și helv pentru clienți pe alte sisteme de operare, cum ar fi Unix sau Linux, care ar putea să nu aibă o bibliotecă robustă de fonturi.
acest font este sans-serif
acest font este serif