Uzziniet, kā izmantot CSS, lai mainītu fonta atribūtus
Fonti un CSS
CSS ir visefektīvākais veids, kā koriģēt fontus savā tīmekļa lapā. Jūs varat kontrolēt fontu saimi , izmēru, krāsu, svaru un daudzus citus tipogrāfijas aspektus.
CSS fontu rekvizīti ir viens no visizplatītākajiem veidiem, kā padarīt jūsu lapu atšķirīgāku un unikālu. Ir viegli mainīt teksta krāsu, lielumu un pat seju (fontu) ar CSS fontu rekvizītām .
- krāsa
- font-family
- fonta izmērs
Fondei ir trīs daļas:
- krāsa
- Šī ir krāsa, uz kuras fontu parādīsies ekrānā.
- Izmērs
- Tas ir, cik liela vai maza rakstzīme parādīsies ekrānā.
- seja
- Šī ir fontu saime, ko bieži sauc par faktisko fontu.
Fontu krāsas
Lai mainītu teksta krāsu, vienkārši izmantojiet CSS krāsu stila īpašību. Jūs varat izmantot vai nu krāsu nosaukumus vai heksadecimālos kodus. Visā krāsā tīmeklī vislabāk ir izmantot pārlūkprogrammas drošas krāsas .
Izmēģiniet šādus stilus savās tīmekļa lapās:
šis fonts ir sarkanā krāsā
šis fonts ir krāsots zilā krāsā
Fonta izmēri
Kad jūs iestatāt burtu lielumu tīmeklī, varat to iestatīt relatīvos lielumos vai būt ļoti specifiskiem, izmantojot pikseļus, centimetrus vai collas. Tomēr precīzāki fontu izmēri ir domāti drukāšanai, nevis tīmekļa vietnēm, kur ikvienam, kas skatās jūsu vietni, var būt atšķirīga izšķirtspēja, monitora lielums vai noklusējuma fontu iestatījums. Tādējādi, ja jūs izvēlaties standarta izmēru 15 pikseļus, jūs varētu būt nepatīkami pārsteigts, redzot, cik liels vai mazs jūsu fonts ir jūsu klientiem.
Es iesaku jums izmantot ems fonta lielumu . Ems ļauj jūsu lapai palikt pieejamu neatkarīgi no tā, kurš to skatās, un ems ir domāts ekrāna atveidošanai. Atstājiet pikseļus un punktus drukāšanas izciršanai. Lai mainītu fonta lielumu, ievietojiet šādu stilu savā tīmekļa lapā:
šis fonts ir 1em
šis fonts ir .75em
šis fonts ir 1.25em
Fona sejas
Jūsu fonta seja ir tas, ko daudzi cilvēki domā, domājot par "fontu". Jūs varat deklarēt jebkuru fonta seju, kuru vēlaties, bet atcerieties, ja jūsu lasītājam nav šī fonta instalācijas, pārlūks mēģinās atrast spēli par to, un viņu lapa netiks izskatīta kā jūs paredzēts.
Lai risinātu šo problēmu, varat norādīt seju nosaukumu sarakstu, atdalot tos ar komatu, lai pārlūkprogramma varētu izmantot preferenču secībā. Tos sauc par fontu kopumiem. Paturiet prātā, ka standarta fonts datorā (piemēram, Arial) var nebūt standarta Macintosh datorā. Tāpēc vienmēr vajadzētu skatīt savas lapas ar minimāli instalētu mašīnu (un, vēlams, abām platformām), lai pārliecinātos, ka jūsu lapa izskatās tā, kā tas ir paredzēts, pat ar minimāliem fontiem.
Viena no manām iecienītākajām fontu kopām: šis komplekts ir sans-serif fontu kolekcija, un kamēr ģenēva un arial neizskatās diezgan līdzīgi, tie abi ir diezgan standarti Macintosh un Windows datoros. Es iekļauju helvetica un helv klientiem citās operētājsistēmās, piemēram, Unix vai Linux, kurām, iespējams, nav spēcīgas fontu bibliotēkas.
šis fonts ir sans-serif
šis fonts ir serifs