Ang Syntax sa Font-Family Property
Ang disenyo sa panig-ingnan usa ka importante nga piraso sa usa ka malampuson nga disenyo sa website. Ang paghimo sa mga site nga adunay mga teksto nga sayon nga basahon ug nga nindot tan-awon mao ang mga tumong sa matag propesyonal sa web design. Aron makab-ot kini, kinahanglan nimo nga ma-set ang piho nga mga font nga gusto nimong gamiton sa imong mga web pages. Aron isaysay ang typeface o font nga pamilya sa imong mga dokumento sa Web imong gamiton ang estilo sa font-family style sa imong CSS.
Ang labing yano nga estilo sa pamilya nga font nga mahimo nimong gamiton maglakip lamang sa usa ka pamilya sa font:
p {font-family: Arial; }Kon imong gamiton kini nga estilo sa usa ka panid, ang tanan nga mga parapo ipakita sa pamilya nga "Arial". Maayo kini ug tungod kay ang "Arial" nahibal-an nga usa ka "web-safe font", nga nagpasabot nga ang kadaghanan (kung dili ang tanan) ang magamit sa computer, kini makapahulay nga sayon nga mahibal-an nga ang imong panid ipakita sa gitagana nga font .
Unsa man ang mahitabo kon ang font nga imong pilion dili makita? Pananglitan, kung dili ka mogamit sa usa ka "web safe font" sa usa ka panid, unsa ang gibuhat sa user agent kung wala kini nga font? Naghimo sila og kapuli.
Mahimo kini magresulta sa pipila ka makalingaw nga mga panid nga makita. Ako sa usa ka higayon miadto sa usa ka panid diin ang akong kompyuter nagpakita niini sa hingpit sa "Wingdings" (usa ka icon-set) tungod kay ang akong computer wala sa font nga gitino sa developer, ug ang akong browser naghimo sa usa ka dili kaayo pagpili sa unsa nga font kini gamit isip kapuli. Ang panid dili gayud mabasa alang kanako! Dinhi diin ang usa ka stack sa font moabut.
Paghulagway sa Daghang Font Family nga adunay Comma sa Font Stack
Ang "stack sa font" usa ka listahan sa mga font nga gusto nimo gamiton ang imong panid. Imong ibutang ang imong mga pagpili sa font sumala sa imong gusto ug pagbulag ang matag usa nga adunay koma. Kung ang browser walay una nga family font sa listahan, sulayan kini ang ikaduha ug dayon ang ikatulo ug hangtud nga kini makakaplag sa usa nga kini anaa sa sistema.
font-family: Pussycat, Algerian, Broadway;Sa pananglitan sa ibabaw, ang browser mag-una sa pagpangita sa font nga "Pussycat", unya "Algerian" unya "Broadway" kung wala'y laing mga font ang makita. Kini naghatag kanimo og dugang nga kahigayunan nga labing menos ang usa sa imong gipili nga mga font magamit. Kini dili hingpit, mao nga ngano nga kita adunay labaw pa nga atong madugang sa atong font stack (basaha ang!).
Gamita ang mga Generic Font Last
Busa makahimo ka og usa ka font stack nga adunay usa ka lista sa mga font ug wala'y bisan kinsa nga makit-an sa browser. Dayag nga dili nimo gusto nga ang imong pahina magpakita nga dili mabasa kon ang browser naghimo sa usa ka dili maayo nga kapilian sa substitution. Ang Suwerte nga CSS adunay solusyon alang niini usab: mga generic nga mga font .
Kinahanglan nga kanunay nimong tapuson ang imong lista sa font (bisan kini usa ka lista sa usa ka pamilya o usa lamang ka web safe nga mga font) nga adunay generic nga font. Adunay lima nga imong magamit:
- cursive
- pantasya
- monospace
- sans-serif
- serif
Ang duha ka mga pananglitan sa ibabaw mahimong mausab ngadto sa:
font-family: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, fantasy;Ang pipila ka mga Ngalan sa Font Family Duha o Dugang nga mga Pulong
Kon ang pamilyang font nga gusto nimo nga gamiton labaw pa sa usa ka pulong, nan kinahanglan nimo nga palibutan kini og mga marka sa dobleng kutlo. Samtang ang pipila ka mga browsers makabasa sa mga pamilya sa font nga walay mga marka sa mga kinutlo, mahimong adunay mga problema kon ang whitespace gipamub-an o gisalikway.
font-family: "Times New Roman", serif;Sa kini nga panig-ingnan, imong makita nga ang ngalan sa font nga "Times New Roman", nga mao ang multi-word, gilibutan sa mga kinutlo. Kini nagsulti sa browser nga ang tanang tulo nga mga pulong kabahin sa ngalan sa font, sukwahi sa tulo ka lainlaing mga font nga adunay tanan nga usa ka pulong.
Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit sa 12/2/16 ni Jeremy Girard