Leer om CSS te gebruik om lettertipe eienskappe te verander
Fonts en CSS
CSS is die mees effektiewe manier om die lettertipes op u webblad aan te pas . U kan die fontfamilie , grootte, kleur, gewig, en vele ander aspekte van die tipografie beheer.
Font eienskappe in CSS is een van die mees algemene maniere om jou bladsy meer kenmerkend en uniek te maak. Dit is maklik om die kleur, grootte en selfs gesig (die font self) van jou teks met CSS-lettertipe-eienskappe te verander .
- kleur
- Font familie
- skrifgrootte
Daar is drie dele na 'n font:
- kleur
- Dit is die kleur wat die skrif sal vertoon soos op die skerm.
- grootte
- Dit is hoe groot of klein die lettertipe op die skerm sal lewer.
- gesig
- Dit is die font familie, wat dikwels na verwys as die werklike lettertipe.
Font kleure
Om die kleur van die teks te verander, gebruik eenvoudig die CSS-kleurstyl-eiendom. U kan kleur name of heksadesimale kodes gebruik. Soos met alle kleur op die web, is dit die beste om veilige kleure te gebruik.
Probeer die volgende style in jou webblaaie:
hierdie lettertipe is rooi gekleur
hierdie lettertipe is bruin blou
Lettergroottes
As jy die lettergrootte op die web stel, kan jy dit in relatiewe groottes stel of baie spesifiek wees deur pixels, sentimeter of duim te gebruik. Die meer presiese lettergroottes is egter bedoel om gebruik te word vir drukwerk en nie vir webbladsye nie, waar almal wat jou webwerf besigtig, 'n ander resolusie, monitorgrootte of standaard fontinstelling kan hê. Dus, as jy 15px kies as jou standaardgrootte, kan jy onaangenaam verras wees om te sien hoe groot of klein jou lettertipe aan jou kliënte lewer.
Ek beveel aan dat jy ems gebruik vir lettergrootte . Ems laat jou bladsy toeganklik bly, ongeag wie dit sien, en ems is bedoel vir skermweergawe. Laat jou pixels en punte vir drukweergawe. Om die lettergrootte te verander, sit die volgende styl in jou webblad:
hierdie font is 1em
hierdie font is .75em
hierdie font is 1.25em
Font Faces
Die gesig van jou lettertipe is waarna baie mense dink wanneer hulle "font" dink. U kan 'n lettertipe gesig verklaar wat u graag wil hê, maar onthou, as u leser nie daardie font het nie, sal die leser probeer om 'n wedstryd te vind. vir dit, en hulle bladsy sal nie lyk soos jy bedoel het nie.
Om hierdie probleem aan te spreek, kan u 'n lys met name spesifiseer, geskei deur kommas, vir die leser om in voorkeur te gebruik. Dit word fontstapels genoem. Hou in gedagte dat 'n standaardletter op 'n rekenaar (soos Arial) nie standaard op 'n Macintosh-standaard kan wees nie. So moet jy altyd jou bladsye sien met 'n minimaal geïnstalleerde masjien (en verkieslik op albei platforms) om seker te maak dat jou bladsy soos ontwerp is, selfs met minimale lettertipes.
Een van my gunsteling fontstapels is Hierdie stel is 'n sans-serif-fontversameling en terwyl geneva en arial nie verskriklik soortgelyk lyk nie, is hulle beide redelik standaard op Macintosh en Windows- rekenaars. Ek sluit helvetica en helv in vir kliënte op ander bedryfstelsels soos Unix of Linux wat dalk nie 'n robuuste font biblioteek het nie.
hierdie lettertipe is sans-serif
hierdie lettertipe is serif