De Syntaks fan it Font-Family Property
Typografysk ûntwerp is in kritysk wichtich stik fan in suksesfolle webside ûntwerp. It meitsjen fan siden mei tekst dy't maklik te lêzen is en wat it geweldich is, is de doelen fan elke web-ûntwerp profesjonele. Om dit te berikken moatte jo de spesifike lettertypen ynstelle dy't jo brûke wolle op jo websiden. Om de lettertype of lettertypefamylje op jo websiden te bepalen, brûke jo de lettertypefamylje-styl eigenskip yn jo CSS.
De ienfâldige lettertype-famylje-styl dy't jo brûke soe wêze om mar ien lettertypefamylje op te nimmen:
p {font-family: Arial; }As jo dizze styl oanfrege hawwe oan in side, wurde alle paragrafen werjûn yn 'e "Arial" lettertypefamylje. Dit is geweldich en sûnt "Arial" is wat bekend as in "web-safe font", dat betsjut dat it measte (as net allinich) komputer it ynstallearre hat, jo kinne graach goed wite dat jo side werjaan sil yn it bepaalde lettertype .
Soe wat bart as it lettertype dat jo selektearje kinne net fûn wurde? As jo bygelyks gjin "feilige lettertype" brûke op in side, wat docht de brûker as se net hawwe dat lettertype? Se meitsje in subsydzje.
Dit kin in pear tige wûnderlike siden siden. Ik gong ienris nei in side wêr't myn komputer it folslein yn "Wingdings" (in byldkaike setten) werjûn hie omdat myn kompjûter net it lettertype dat de ûntwikkelders opjûn hie, en myn browser makke in tige minere kar te wêzen yn hokker lettertype soe brûke as ferfangend. De side wie hielendal net lêsber foar my! Dit is wêr't in lettertype stap yn spyljen komt.
Selektearje ferskate lettertypen mei in komma yn in lettertype-stap
In "font stack" is in list mei lettertypen dy't jo side wolle brûke. Jo soenen jo lettertypes kieze yn opdracht fan jo foarkar en bepale elk mei in komma. As de browser net de earste lettertypefamylje op 'e list hat, sil it twadde probleem probearje en dan de tredde en sa oant it fynt dat ien hat op it systeem.
font-family: Pussycat, Algerije, Broadway;Yn it boppeneamde foarbyld sjogge jo de browser foar it punt "Pussycat" letter, dan "Algerije" dan "Broadway" as der gjin ien fan 'e oare lettertypen fûn wurde. Dit jout jo mear fan in kâns dat op syn minst ien fan jo útfierde lettertypen brûkt wurdt. It is net perfekt, wylst wy noch hieltyd mear kinne oan ús skriftstapel taheakje (lês op!).
Brûk allinich lettertypen
Sa kinne jo in lettertype-stap meitsje mei in list mei lettertypen en hawwe noch gjin ien fan wêrfan de browser fine kin. Jo sille fansels net wolle dat jo side net lêsber te sjen lit as de browser in minne subsydzjeraksel makket. Gelokkich CSS hat dêr ek in oplossing: generike lettertypen .
Jo moatte jo font-list altyd einigje (ek as it in list mei ien famylje of allinnich webside feilige lettertypen) is mei in generike lettertype. Der binne fiif dat jo kinne brûke:
- kursyf
- fantasy
- monospace
- sans-serif
- serif
De twa hjirboppe foarbylden kinne feroare wurde nei:
font-family: Arial, sans-serif; font-family: Pussycat, Algerije, Broadway, fantasy;Guon lettertype-famyljenamme binne twa of mearwurden
As de lettertypefamylje dy't jo brûke wolle, is mear as ien wurd, dan moatte jo it omgean mei dûbeldopmaak. Wylst guon browsers ljeppefamens lêze kinne sûnder de petearen, kin der problemen wêze as de wite prosep is kondensearre of beslist.
font-family: "Times New Roman", serif;Yn dit foarbyld kinne jo sjen dat de lettertype namme "Times New Roman", wat mear wurd is, yn 'e quotes befette. Dit fertelt de blêder dat alle trije fan dizze wurden diel fan dat lettertype, as tsjinstelling fan trije ferskate lettertypen allegearre mei ien-wurd-nammen.
Oarspronklik artikel fan Jennifer Krynin. Edited on 12/2/16 by Jeremy Girard