Cilat janë familjet e përgjithshme të shkronjave në CSS?

Klasifikimet e përgjithshme të shkronjave në dispozicion për t'u përdorur në faqen tuaj te internetit

Kur dizajnoni një faqe interneti, një nga elementët kryesorë të një faqe me të cilën do të punoni është përmbajtja e tekstit. Si e tillë, kur ndërtoni një faqe dhe e stiloni atë me CSS, një pjesë e madhe e kësaj përpjekjeje do të përqëndrohet në tipografinë e faqes.

Dizajni tipografik luan një rol të rëndësishëm në hartimin e faqes. E shtruar mirë dhe formatimi i përmbajtjes së tekstit ndihmon një vend të jetë më i suksesshëm, duke krijuar një përvojë leximi që është e kënaqshme dhe e lehtë për t'u konsumuar. Një pjesë e përpjekjeve tuaja për të punuar me llojin do të jetë të zgjidhni fontet e duhura për dizajnin tuaj dhe pastaj të përdorni CSS për të shtuar ato fontë dhe stilet e shkrimit në ekranin e faqes. Kjo është bërë duke përdorur atë që quhet " font-stack "

Font-Stacks

Kur specifikoni një font që do të përdoret në një faqe interneti, është praktikë e mirë të përfshini edhe opsionet rezervë në rast se zgjedhja e fontit nuk mund të gjendet. Këto opsione fallback janë paraqitur në "font stack." Nëse shfletuesi nuk mund të gjejë gërmën e parë të listës në rafte, ai lëviz mbi një tjetër. Ai vazhdon këtë proces derisa të gjejë një font që mund të përdorë, ose ajo shkon jashtë zgjedhjeve (në të cilin rast zgjedh vetëm ndonjë font të sistemit që dëshiron). Këtu është një shembull se si një font-stack do të duket në CSS kur zbatohet në elementin "trup":

trupi {font-family: Gjeorgjia, "Times New Roman", serif; }

Vini re se ne e specifikojmë fontin Gjeorgji së pari. By default, kjo është ajo që faqja do të përdorë, por nëse ajo font nuk është e disponueshme për ndonjë arsye, faqja do të rikthehet te Times New Roman. Ne e fusim emrin e shkrimit në kuotat e dyfishta sepse është një emër shumëfishe. Emrat e shkronjave me fjalë të vetme, si Gjeorgjia ose Arial, nuk kërkojnë kuotat, por emri i fontit me shumë fjalë duhet që ata të kenë mundësi që shfletuesi të dijë se të gjitha këto fjalë përbëjnë emrin e fontit.

Nëse shihni një fund të fontit të fonteve, duhet të vëreni se ne përfundojmë me fjalën "serif". Ky është një emër i përgjithshëm gjenerik i shkronjave. Në një ngjarje të pamundur që një person nuk ka Gjeorgji ose Times New Roman në kompjuterin e tyre, faqja do të përdorte çfarëdo font serif që mund të gjente. Kjo është e preferueshme për të lejuar që faqja të rikthehet në çfarëdo fonts që dëshiron, sepse të paktën mund të tregosh se çfarë lloj fontësh duhet të përdorësh në mënyrë që pamja e përgjithshme dhe toni i dizajnit të një faqeje të jenë aq të paprekura sa të jetë e mundur. Po, shfletuesi do të zgjedhë një font për ju, por të paktën ju jeni duke ofruar udhëzime në mënyrë që të dini se çfarë lloj fontesh do të funksiononte më së miri në dizajn.

Familjet e Gërmave të Përgjithshme

Emri i përgjithshëm i shkronjave në dispozicion në CSS janë:

Ndërsa ka shumë klasifikime të tjera të shkronjave në dispozicion në web design dhe tipografi, duke përfshirë pllakë-serif, blackletter, shfaqje, grunge, dhe më shumë, këto 5 emra të përmendur gjenerike të listuara më lart janë ato që ju do të përdorni në një font-stack në CSS. Cilat janë dallimet në këto klasifikime të shkronjave? Le të hedhim një sy!

Fonts kursiv shpesh shfaqin formë të hollë, të zbukuruar, që kanë për qëllim të përsërisin tekstin e zbukuruar me dorë. Këto fonts, për shkak të letrave të tyre të hollë, me lule, nuk janë të përshtatshme për bllok të madh përmbajtjesh, si kopjimi i trupit. Fonts kursiv zakonisht përdoren për krerët dhe nevojat më të shkurtra të tekstit që mund të shfaqen në madhësi më të mëdha fontash.

Fonts fantazi janë fontet disi të çmendur që nuk bien në asnjë kategori tjetër. Fonts që kopjojnë logot e mirënjohura, si format e letrës nga filma Harry Potter ose Back to the Future, do të binin në këtë kategori. Edhe një herë, këto shkronja nuk janë të përshtatshme për përmbajtjen e trupit pasi ato shpesh janë stilizuar aq shumë sa që leximi i fragmenteve më të gjata të tekstit të shkruar në këto shkronja është shumë e vështirë për t'u bërë.

Shkronjat e hapësirës janë ato ku të gjitha format e letrës janë me madhësi të barabartë dhe të shpërndara, ashtu si do të kishit gjetur në një makinë shkrimi të vjetër. Ndryshe nga fontet e tjerë që kanë gjerësi të ndryshueshme për letra në varësi të madhësisë së tyre (për shembull, një kapital "W" do të kërkonte më shumë hapësirë ​​se sa një "i vogël"), fontet e njëpasnjëshme janë gjerësi fikse për të gjithë personazhet. Këto shkronja përdoren shpesh kur kodi shfaqet në një faqe sepse ato duken dukshëm të ndryshme nga teksti tjetër në atë faqe.

Serif fonts janë një nga klasifikimet më popullore. Këto janë fonts që kanë ligatures pak shtesë në formë letrash. Ato pjesë shtesë quhen "serifs". Fletët e zakonshme serif janë Gjeorgjia dhe Times New Roman. Serif fonts mund të përdoret për tekst të madh si titull, si dhe pasazhe të gjata të tekstit dhe kopje të trupit.

Sans-serif është klasifikimi përfundimtar që do të shqyrtojmë. Këto janë fonts që nuk kanë ato ligatures të lartpërmendura. Emri do të thotë "pa serif". Gërmat popullore në këtë kategori do të jenë Arial ose Helvetica. Ngjashëm me serifs, sans-serif fonts mund të përdoren në mënyrë të barabartë mirë në titujt, si dhe përmbajtjen e trupit.

Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 17/10/17