Unsa ang mga generic nga mga pamilya sa font sa CSS?

Ang mga klasipikasyon sa generic nga font nga magamit sa imong website

Sa pagdisenyo sa usa ka website, ang usa sa mga importante nga elemento sa usa ka pahina nga imong pagabuhaton mao ang content sa teksto. Sa ingon, kon magtukod ka og webpage ug estilo kini sa CSS, ang usa ka dako nga bahin sa paningkamot nga nasentro sa typography sa site.

Ang panig-ingnan nga disenyo adunay mahinungdanong bahin sa disenyo sa website. Ang maayo nga gibutang ug porma sa sulod nga teksto makatabang sa usa ka site nga mas magmalampuson pinaagi sa pagmugna og usa ka kasinatian sa pagbasa nga makalingaw ug sayon ​​nga magamit. Kabahin sa imong mga paningkamot sa pagtrabaho sa tipo mao ang pagpili sa husto nga mga font alang sa imong desinyo ug unya gamiton ang CSS aron idugang ang mga estilo sa font ug font sa display sa pahina. Gihimo kini pinaagi sa paggamit sa gitawag nga " font-stack "

Font-Stacks

Sa dihang ikaw nagtakda sa usa ka font nga gamiton sa usa ka webpage, usa kini ka labing maayo nga praktis nga maglakip usab sa mga kapilian sa fallback kung ang imong pagpili sa font dili makita. Kini nga mga kapilian sa fallback gipresentar sa "stack sa font." Kung ang browser dili makakaplag sa unang font nga gilista sa stack, kini mobalhin ngadto sa sunod nga usa. Nagpadayon kini nga proseso hangtud nga kini makakaplag sa usa ka font nga magamit niini, o kini mahurot sa mga pagpili (nga sa kini nga kaso gipili lang ang bisan unsang sistema nga font nga gusto niini). Ania ang usa ka pananglitan kon unsaon pagtan-aw sa font-stack sa CSS kon gamiton sa elemento sa "lawas":

body {font-family: Georgia, "Times New Roman", serif; }

Tan-awa nga among ginganlan ang font nga una sa Georgia. Sa baylo, mao kini ang gamiton sa panid, apan kon ang maong font dili magamit alang sa usa ka hinungdan, ang panid mobalik ngadto sa Times New Roman. Among gilakip kanang ngalan sa font sa dobleng mga kinutlo tungod kay kini usa ka multi-word nga ngalan. Ang single word font nga mga pangalan, sama sa Georgia o Arial, wala magkinahanglan sa mga kinutlo, apan ang multi-word font name nagkinahanglan niini aron ang browser nahibalo nga ang tanan nga mga pulong nahimo nga ngalan sa font.

Kon makita nimo ang katapusan sa font stack, imong mahibal-an nga natapos na ang pulong "serif". Kana usa ka generic nga family name. Sa dili tingali nga panghitabo nga ang usa ka tawo walay Georgia o Times New Roman sa ilang kompyuter, ang site mogamit sa bisan unsa nga serif font nga makita niini. Kini mas maayo nga tugutan ang site nga makabalik sa bisan unsang mga font nga gusto niini, tungod kay mahimo nimo nga masulti kung unsa ang klase nga font nga gamiton aron ang kinatibuk-an nga hitsura ug tono sa usa ka disenyo sa usa ka site mahimong ingon ka dili mahimo. Oo, ang browser mopili og usa ka font alang kanimo, apan labing menos ikaw naghatag og giya aron kini mahibal-an kung unsa nga matang sa font ang labing magamit sa disenyo.

Generic Font Families

Ang generic nga ngalan sa font nga anaa sa CSS mao ang:

Samtang adunay daghang uban pa nga klasipikasyon sa font nga anaa sa web design ug typography, lakip na ang slab-serif, blackletter, display, grunge, ug daghan pa, kining 5 nga nakalista sa mga generic nga mga pangalan sa font mao ang imong gamiton sa font-stack sa CSS. Unsa ang mga kalainan niining klasipikasyon sa font? Atong tan-awon!

Ang mga cursive nga mga font kasagaran adunay tipik, lagsik nga mga dagway sa sulat nga gituyo aron pagsundog sa gikinamot nga sinulat nga sinulat nga sinulat. Kini nga mga font, tungod sa ilang mga manipis, mabulokong mga sulat, dili angay alang sa dako nga hut-ong sa sulod sama sa kopya sa lawas. Ang mga cursive font kasagarang gigamit alang sa mga ulohan ug mas mubo nga mga panginahanglan sa teksto nga mahimong ipasundayag sa mas dako nga gidak-on sa font.

Ang pantyog nga mga font mao ang medyo binuang nga mga font nga wala gayud nahulog sa bisan unsang lain nga kategoriya. Ang mga sinulat nga mga kopya sa mga iladong logos, sama sa mga sulat nga gikan sa Harry Potter o Back to the Future nga mga pelikula, mahulog niining kategoriya. Sa makausa pa, kini nga mga font dili angay alang sa sulod sa lawas tungod kay kini kanunay gihunahuna nga ang pagbasa nga mas taas nga mga tudling sa teksto nga gisulat niini nga mga font lisud kaayo nga buhaton.

Ang mga monospace font mao ang mga dapit diin ang tanan nga mga letterform parehas nga sized ug layo, sama sa imong nakit-an sa usa ka daang typewriter. Dili sama sa uban nga mga font nga adunay lainlaing mga lapad alang sa mga letra depende sa ilang gidak-on (pananglitan, ang kapital nga "W" mas daghan nga luna kay sa usa ka "letra" nga "i"). Kini nga mga font sagad nga gigamit sa dihang ang code gipakita sa usa ka panid tungod kay kini managlahi nga lahi kay sa ubang teksto sa maong panid.

Ang mga serif font usa sa mas popular nga klasipikasyon. Kini mao ang mga font nga adunay gamay nga sobrang ligatures sa mga letterform. Kadtong sobra nga mga bahin gitawag nga "serifs". Ang kasagarang mga serif font mao ang Georgia ug Times New Roman. Ang mga serif nga mga font mahimo gamiton alang sa dagko nga teksto sama sa ulohan ingon man usab sa taas nga mga tudling sa teksto ug kopya sa lawas.

Ang Sans-serif mao ang katapusan nga klasipikasyon nga atong tan-awon. Kini mao ang mga sinulat nga wala'y gihisgotan nga ligatures. Ang ngalan nagpasabot nga "walay serifs". Ang mga popular nga mga font sa niini nga kategoriya mao ang Arial o Helvetica. Sama sa mga serifs, ang mga sans-serif nga mga font mahimo nga gamiton nga managsama sa mga ulohan ingon man usab sa sulod sa lawas.

Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 10/16/17