Typography waa cilmiga qaabeynta iyo habeynta qoraalka si loo hagaajiyo akhrinta iyo muuqaalka guud ee bogagga internetka. CSS (Cascading Style Sheets) ayaa bixisa awood xooggan oo loogu talagalay in lagu maareeyo sida qoraalka u muuqdo iyadoo la adeegsanayo font properties. Maanta, waxaan ku eegi doonaa qaar ka mid ah font properties-ka ugu muhiimsan ee CSS iyo sida loo isticmaalo si loo abuuro typography tayo sare leh oo bogaggaaga u ekaado kuwo xirfadaysan.
Casharka 5aad: Font Properties iyo Typography ee CSS |
1. font-family
font-family
waa property-ga loo isticmaalo in lagu qeexo nooca font-ka loo adeegsanayo qoraalka bogga. Waxaad qori kartaa font-specific magacyada sida Arial
, Times New Roman
, ama font families sida sans-serif
ama serif
. Waa muhiim inaad isticmaasho liis font oo dhawr ah si loo hubiyo in boggaagu u muuqdo sida loogu talagalay, xitaa haddii font-ga ugu horreeya uusan heli karin browser-ka isticmaala.
Tusaale:
css
body {
font-family: "Arial", sans-serif;
}
Qoraalka bogga wuxuu isticmaali doonaa Arial haddii uu heli karo, haddii kale, wuxuu adeegsan doonaa sans-serif.
2. font-size
font-size
waa property-ga lagu xakameeyo cabbirka font-ka. Cabbirka font-ka wuxuu door weyn ka ciyaaraa akhrinta qoraalka. Waxaa lagu qori karaa cabbirro kala duwan sida pixels (px
), ems (em
), ama boqolley (%
). Waxaad u baahan tahay inaad doorato cabbir ku habboon boggaaga si akhristayaasha ay u helaan qoraal fudud in la akhriyo.
Tusaale:
css
p {
font-size: 16px;
}
Tani waxay dhigeysaa in qodobbada (paragraphs) bogga uu font-kooda cabbirkiisu yahay 16px.
3. font-weight
font-weight
waa property-ga lagu maareeyo dhumucda (boldness) qoraalka. Waxaad u isticmaali kartaa qiimeyaal sida normal
, bold
, ama tirooyin ka bilowda 100 ilaa 900 si aad u xoojiso ama u yarayso dhumucda font-ka.
Tusaale:
css
h1 {
font-weight: bold;
}
Cinwaanka ugu weyn (h1) wuxuu noqon doonaa mid dhumuc weyn leh, taasoo soo jiidasho leh.
4. font-style
font-style
waxaa loo isticmaalaa in lagu qeexo sida qoraalka u muuqdo, sida in qoraalka uu yahay mid caadi ah (normal
), talande (italic), ama qayb (oblique). italic
waxaa badanaa loo adeegsadaa in lagu muujiyo oraahyo ama tixraacyo gaar ah.
Tusaale:
css
blockquote {
font-style: italic;
}
Tani waxay ka dhigaysaa tixraaca bogga in uu noqdo mid talande ah.
5. line-height
line-height
waa property-ga lagu maareeyo fogaanshaha u dhexeeya xariiqyada qoraalka. Tani waxay muhiim u tahay fududeynta akhrinta, gaar ahaan qodobbada dheer. Waxaa lagu qori karaa qiimeyo sida tiro (1.5
), pixels, ama boqolley (150%
).
Tusaale:
css
p {
line-height: 1.5;
}
Qodobbada waxay lahaan doonaan fogaansho xariiq oo 1.5, taasoo siisa akhristayaasha fursad ay ku akhriyaan qoraalka si sahlan.
Gunaanad
Font properties-ka iyo typography-ga CSS waa aalado muhiim ah oo lagama maarmaan u ah abuurista bogag internet oo si fiican loo qaabeeyey. font-family
, font-size
, font-weight
, font-style
, iyo line-height
ayaa dhammaantood door muhiim ah ka ciyaara hagaajinta akhrinta iyo muuqaalka qoraalka bogaggaaga. Haddii aad si sax ah u adeegsato properties-yadan, waxaad abuuri kartaa bogag internet oo xirfad leh, akhris wacan leh, oo soo jiidasho leh.