Isticmaalka Ems si aad u badasho qiyaasta font
Markaad dhiseysid bog internet ah, xirfadlayaasha badankood waxay kugula talinayaan in jaantusyadaaga (iyo xaqiiqda, wax kasta) ay ku jiraan cabbir qaraabo ah sida ems, ka dib, boqolleyo, ama pixels. Tani waa sababta oo ah dhab ahaantii ma garanaysid siyaabo kala duwan oo uu qofku u arki karo waxyaabahaaga. Haddii aad isticmaasho qiyaasta qiyaasta ah (inches, centimeters, millimeters, dhibcaha, ama pikas) waxay saameyn kartaa bandhigga ama akhrinta bogga aaladaha kala duwan.
W3C wuxuu kugula talinayaa in aad isticmaashid ems si aad u badan.
Laakiin sida weyn u yahay Em?
Sida laga soo xigtay W3C EM:
"waxay u dhigantaa qiimaha loo yaqaan 'font-size' ee qaabka loo isticmaalo, marka laga reebo marka 'em' dhacdo qiimaha 'hantida-size', laftiisa ilaa cabbirka xarfaha ee qaybta waalidka. "
Si kale haddii loo dhigo, ems ma laha cabbir buuxa. Waxay ku qaataan qiimaha cabbirkooda ku saleysan halka ay joogaan. Wixii farsameystayaasha Webka intooda badan, tani waxay ka dhigan tahay in ay ku jiraan shabakadda internetka, sidaas daraadeed font a 1em tall dhererkiisu waa cabbirka isku mid ah ee cabbirka font default ee browserkaas.
Laakiin intee in le'eg waa cabbirka caadiga ah? Ma jirto wadada 100%, maaddaama macaamiishu ay bedeli karaan cabbirka cabbirkooda cabbirka ee dookhooda, laakiin maadaama dadka intooda badan aysan ku fikirin in badmaaxeyaashu ay leeyihiin cabbir kaamil ah oo ah 16px. Inta badan waqtiga 1em = 16px .
Ka fikir Pixels, Isticmaal Cabbirada Cabbirka
Marka aad ogaato in cabbirka cabbirka font waa 16px, waxaad markaa isticmaali kartaa ems si ay u oggolaadaan macaamiishaada si ay u sahlan bogga si fudud laakiin ku fakaraan pixels ee cabbirka font.
U sheeg in aad leedahay qaab dhismeedka qaabka sidan oo kale ah:
- Cinwaanka 1 - 20px
- Cinwaanka 2 - 18px
- Cinwaanka 3 - 16px
- Qoraalka ugu muhiimsan - 14px
- Qoraalka hoose - 12px
- Qoraalada - 10px
Waxaad ku qeexi kartaa sida ay u isticmaalaan pixelska cabbirka, laakiin markaa qof kasta oo isticmaalaya IE 6 iyo 7 ma awoodi doono inuu dib u qaabeeyo boggaaga si fiican. Sidaas awgeed waa in aad u badashaa xajmiga si aad uhesho oo kani waa arrin xisaabeed:
- Cinwaanka 1 - 1.25m (16 x 1.25 = 20)
- Cinwaanka 2 - 1.125em (16 × 1.125 = 18)
- Cinwaanka 3 - 1em (1em = 16px)
- Qoraalka ugu muhiimsan - 0.875em (16 x 0.875 = 14)
- Qoraalka hoose - 0.75em (16 x 0.75 = 12)
- Qoraalada - 0.625m (16 x 0.625 = 10)
Ha iloobin dhaxalka!
Laakiin taasi ma ahan wax walba oo ay ku jiraan ems. Waxyaabaha kale ee aad u baahan tahay in la xasuusto waa in ay qaataan cabbirka waalidka. Sidaa darteed haddii aad hayso waxyaabo ku xidhan cabbir kala duwan oo kala duwan, waxaad ku dhammaysan kartaa font wax aad u yar ama ka weyn inta aad filayso.
Tusaale ahaan, waxaa laga yaabaa inaad hayso qaab qoraal ah sida sidan:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
Tani waxay dhalin doontaa qoraalada 14px iyo 10px loogu talagalay qoraalka muhiimka ah iyo qoraallada. Hase yeeshee, haddii aad ku dhejisid cutubka cutubka, waxaad ku dhammaan kartaa qoraalka 8.75px halkii 10px. Tijaabi naftaada, ku dhaji CSS-ka kor ku xusan iyo HTML-ka soo socda dukumeenti:
Qoraalkaan waa 14px ama 0.875 ems oo dherer ah.
Qeybtaani waxay leedahay sharraxaad.
Inkastoo ay tani tahay kaliya cutubbudo sharafeed.
Qoraalka sharraxaadda waa adagtahay in lagu akhriyo 10px, waa ku dhawaad 8.75px.
Marka, markaad isticmaasho ems, waxaad u baahan tahay inaad ogaatid xajmiga walxaha waalidka, ama waxaad la kulmi doontaa qaar ka mid ah qaybaha aadka u yaryar ee boggaaga.