Ndërsa imazhet marrin shumë nga dashuria kur vjen në faqet e internetit, është fjala e shkruar që apelon tek motorët e kërkimit dhe kryen përmbajtjen e shumicës së vendeve. Si i tillë, dizajni tipografik është një pjesë shumë e rëndësishme e dizajnit të faqes. Me rëndësinë e tekstit të faqes vjen nevoja për të siguruar që ajo të duket e mirë dhe është e lehtë për t'u lexuar. Kjo është bërë me styling CSS (Cascading Style Sheets).
Duke ndjekur standardin modern të dizenjimit të uebit, kur doni të diktojnë pamjen e përmbajtjes së tekstit të një faqe interneti, do ta bëni këtë duke përdorur CSS. Kjo e ndan atë stil CSS nga struktura HTML e një faqeje. Si shembull, nëse dëshironi të vendosni fontin e një faqe në "Arial", mund ta bëni duke shtuar rregullin e stilit të mëposhtëm në CSS (shënim - kjo do të bëhet me një fletë të stilit të jashtëm të CSS që fuqizon stilet për çdo faqe në faqen e internetit):
trupi {font-family: Arial; }Ky shkronjë është vendosur për "trupin", kështu që kaskadat e CSS do të aplikojnë stilin në të gjithë elementët e tjerë të faqes. Kjo për shkak se çdo element tjetër i HTML është një element i elementit "trup", stilet e CSS si familja e shkronjave ose ngjyra do të rrjedhin nga prindërit tek elementi i fëmijës. Kjo do të jetë rasti nëse nuk shtohet një stil më specifik për elemente të caktuara. Problemi i vetëm me këtë CSS është se vetëm një font i vetëm është specifikuar. Nëse kjo font nuk mund të gjendet për ndonjë arsye, shfletuesi do të zëvendësojë një tjetër në vendin e vet. Kjo është e keqe për shkak se nuk keni kontroll mbi atë font që përdoret - shfletuesi do të zgjedhë për ju, dhe ju nuk mund të pëlqeni atë që vendosi të përdorë! Këtu ndodh një pirg i fontit.
Një pirg font është një listë e fonts në deklaratën CSS font-familjes. Fonts janë të renditura në mënyrë të preferencës që ju dëshironi që ata të shfaqen në faqen në rast të një problemi si një font nuk ngarkimit. Një pirg font lejon një projektuesi për të kontrolluar pamjen e fonts në web faqe edhe në qoftë se kompjuteri nuk ka font fillestar që keni kërkuar për.
Pra, si duket një pirg font? Këtu është një shembull:
trupi {font-family: Gjeorgjia, "Times New Roman", serif; }Ka disa gjëra që duhet vënë re këtu.
Së pari, do të shihni se ne i veçuam emrat e shkronjave të ndryshme me një presje. midis secilës prej tyre Mund të shtoni sa më shumë fontë që dëshironi, për aq kohë sa ato ndahen me presje. Shfletuesi do të përpiqet të ngarkojë fontin e parë të specifikuar së pari. Nëse kjo dështon, ajo do të vazhdojë poshtë vijës duke u përpjekur për secilën font derisa të gjejë atë që mund të përdorë. Në këtë shembull ne po përdorim fontë të sigurtë të internetit dhe "Gjeorgjia" ka të ngjarë të gjendet në kompjuterin e personit që po viziton këtë faqe interneti (vini re - shfletuesi duket në kompjuterin tuaj për fontet e specifikuara në faqe, kështu që faqja në të vërtetë është e thënë kompjuteri i cili fonts për të ngarkuar nga sistemi juaj). Nëse për ndonjë arsye nuk është gjetur shkronja, do të lëvizë poshtë pirgit dhe do të përpiqet të përcaktojë fontin e ardhshëm.
Për sa i përket fontit tjetër, vini re se si është shkruar në rafte. Emri i "Times New Roman", është i përfshirë në kuotat e dyfishta. Kjo është për shkak se emri i fontit ka fjalë të shumëfishta. Çdo emri me më shumë se një fjalë (Trebuchet MS, Courier New, etj.) Duhet të ketë emrin në kuotat e dyfishta në mënyrë që shfletuesi të dijë se të gjitha këto fjalë janë pjesë e një emri të shkrimit.
Së fundi, ne i japim fund stack font me "serif", e cila është një klasifikim gjenerik font. Në shansin e pamundur që asnjë prej fonteve që keni përmendur në rafte tuaj nuk është në dispozicion, shfletuesi do të gjejë vetëm një font që të paktën bie në klasifikimin e duhur që keni zgjedhur. Për shembull, nëse jeni duke përdorur fontet sans-serif si Arial dhe Verdana, sesa të përfundoni një pirg fontash me klasifikimin e "sans-serif" së paku do të mbani fontin në atë familje të përgjithshme nëse ka një problem ngarkimi. Duhet pranuar se duhet të jetë shumë e rrallë që një shfletues nuk mund të gjejë ndonjë fontë të listuar në rafte dhe duhet ta përdorë këtë klasifikim gjenerik, është praktikë më e mirë ta përfshijë atë gjithsesi vetëm për të qenë dyfish i sigurt.
Stacks Font dhe Fonts Web
Shumë uebfaqe sot përdorin fontet e internetit të përfshira në faqe së bashku me burime të tjera (si imazhet e faqes, skedari Javascript etj.) Ose të lidhura me një lokacion të shkruar jashtë linje si Google Fonts ose Typekit. Ndërkohë që këto fontë duhet të ngarkohen që kur lidhni vetë skedarët, ende doni të përdorni një pirg të fonteve për të siguruar që ju të keni kontroll mbi ndonjë çështje që mund të dalë. E njëjta gjë vlen edhe për fontet "web safe" që duhet të jenë në kompjuterin e dikujt (vini re se fontet që kemi përdorur si shembuj në këtë artikull, duke përfshirë Arial, Verdana, Gjeorgji dhe Times New Roman janë të gjitha fontet e internetit të sigurta që duhet të në kompjuterin e një personi). Edhe pse gjasat që një font të mungojnë është shumë i ulët, duke specifikuar një pirg të fonteve do të ndihmojë dizajnin tipografik të një faqeje sa më shumë që të jetë e mundur.
Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 8/9/17