Samtang ang mga imahe nakuha sa kadaghanan sa gugma kon kini moabut sa mga website, kini ang sinulat nga pulong nga naghangyo sa mga search engine ug nagdala sa sulod sa kadaghanan nga mga site. Tungod niini, ang disenyo sa typographic usa ka importante kaayo nga bahin sa disenyo sa website. Uban sa kaimportante sa usa ka teksto sa site moabut ang panginahanglan aron sa pagsiguro nga kini maayo ug sayon nga basahon. Gihimo kini sa CSS (Cascading Style Sheets) nga estilo.
Pagsunod sa modernong disenyo sa web nga sumbanan, kung gusto nimo nga ipunting ang hitsura sa sulod sa teksto sa website, mahimo nimo kini gamit ang CSS. Kini nagbulag sa estilo sa CSS gikan sa HTML nga estraktura sa usa ka panid. Ingon nga pananglitan, kung gusto nimo ibutang ang font sa usa ka panid ngadto sa "Arial", mahimo nimo kini pinaagi sa pagdugang sa mosunod nga lagda sa estilo sa imong CSS (matikdi - kini mahimo nga mahimo sa usa ka eksternal CSS style sheet nga makagahom sa mga estilo alang sa matag panid sa website):
body {font-family: Arial; }Kini nga font gitakda alang sa "lawas", busa ang CSS cascade magamit ang estilo sa tanang uban nga mga elemento sa panid. Kini tungod kay ang tanang ubang elemento sa HTML usa ka bata sa elemento sa "lawas", ang mga estilo sa CSS sama sa family font o kolor ang mag-cascade gikan sa ginikanan ngadto sa elemento sa bata. Mao kini ang mahitabo gawas kon ang usa ka mas espesipikong estilo gidugang alang sa pipila nga mga elemento. Ang bugtong suliran niini nga CSS mao nga usa lamang ka font ang gihatagan. Kon kana nga font dili makita sa usa ka rason, ang usa ka browser mopuli sa lain sa iyang dapit. Kini dili maayo tungod kay wala ka makontrolar kung unsang font ang gigamit - ang browser mopili alang kanimo, ug tingali dili ka ganahan kung unsa ang nakahukom nga gamiton! Kana diin ang usa ka font stack moabut.
Ang usa ka font stack usa ka lista sa mga font sa CSS font-family nga deklarasyon. Ang mga font gilista sa han-ay sa gusto nga imong gusto nga makita sila sa site kung adunay problema sama sa usa ka font nga wala mabutang. Ang usa ka font stack nagtugot sa usa ka tigdisenyo sa pagkontrol sa pagtan-aw sa mga font sa web page bisan kung ang computer wala sa unang letra nga imong gipangayo.
Busa unsaon man pagtan-aw ang usa ka font stack? Ania ang usa ka pananglitan:
body {font-family: Georgia, "Times New Roman", serif; }Adunay pipila ka mga butang nga mahibal-an dinhi.
Una, imong makita nga among gibulag ang lainlaing mga pangalan sa font nga adunay koma. tali sa matag usa Ikaw makadugang ingon ka daghan nga mga font nga gusto nimo, basta kini gibulag sa usa ka koma. Ang browser mosulay sa pag-load sa una nga unang tumong sa tinagsa nga font. Kon kana mapakyas, kini modagan sa linya nga mosulay sa matag font hangtud makakaplag kini nga magamit niini. Sa kini nga panig-ingnan kita naggamit sa limpyo nga mga font sa web, ug ang "Georgia" lagmit makita sa kompyuter sa tawo nga nagaduaw sa site (tan-awa - ang browser nagtan-aw sa imong computer alang sa mga font nga gitino sa pahina, mao nga ang site ang computer nga mga font nga gikarga gikan sa imong sistema). Kon alang sa pipila ka rason nga ang font dili makita, kini molihok sa stack ug sulayan ang sunod nga gibutang nga font.
Sa mga termino nianang sunod nga font, tan-awa giunsa kini gisulat sa stack. Ang ngalan sa "Times New Roman", gipalibutan sa dobleng mga kinutlo. Kini tungod kay ang ngalan sa font adunay daghang mga pulong. Ang bisan unsa nga mga ngalan sa mga font nga adunay labaw pa sa usa ka pulong (Trebuchet MS, Courier New, ug uban pa) kinahanglan nga adunay ngalan diha sa dobleng mga kinutlo aron ang browser nahibalo nga ang tanan nga mga pulong kabahin sa usa ka pangalan sa font.
Sa katapusan, atong tapuson ang font stack sa "serif", nga usa ka klasipikasyon sa generic nga font. Sa dili tingali nga pananglit nga walay usa sa mga font nga imong ginganlan sa imong stack nga anaa, ang browser sa baylo makakaplag lamang og usa ka font nga labing nahulog sa husto nga klasipikasyon nga imong gipili. Pananglitan, kung gigamit nimo ang sans-serif nga mga font sama sa Arial ug Verdana, kay sa pagtapos sa usa ka font stack nga ang klasipikasyon sa "sans-serif" labing makatipig sa font sa kinatibuk-ang pamilya kung adunay problema sa karga. Tinuod, kini kinahanglan nga talagsaon nga ang usa ka browser dili makakaplag bisan unsa sa mga font nga gilista sa stack ug kinahanglan nga gamiton kini nga generic nga klasipikasyon, kini usa ka labing maayo nga praktis nga maglakip niini bisan pa man nga doble nga luwas.
Mga Font Stack ug mga Web Font
Daghang mga website karon nagagamit sa mga web font nga gilakip sa site uban sa ubang mga kapanguhaan (sama sa mga imahen sa site, Javascript file, ug uban pa) o nalambigit sa usa ka lokasyon sa offsite nga font sama sa Google Font o Typekit. Samtang kini nga mga font kinahanglan nga magamit tungod kay ikaw nag-link sa mga file sa ilang kaugalingon, gusto nimo nga gamiton ang usa ka font stack aron masiguro nga adunay kontrol ka sa bisan unsa nga mga isyu nga mahimong motungha. Ang sama nga butang alang sa "web safe" nga mga font nga kinahanglan sa computer sa usa ka tawo (timan-i nga ang mga font nga atong gigamit ingon nga mga panig-ingnan sa niini nga artikulo, lakip na ang Arial, Verdana, Georgia, ug Times New Roman, ang tanang web nga luwas nga mga font nga kinahanglan sa computer sa usa ka tawo). Bisan og ang kalagmitan sa usa ka nawala nga font gamay ra kaayo, ang pagtakda sa usa ka font stack makatabang sa walay panalipod sa usa ka disenyo sa typography kutob sa mahimo.
Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 8/9/17