വെബ് പേജുകളിലെ ഫോണ്ട് മാറ്റുക എങ്ങനെ CSS ഉപയോഗിച്ച്

HTML ഘടനയിൽ FONT എന്റമേറ്റ് നീക്കം ചെയ്തിരിക്കുന്നു, ഇത് HTML5 വിവരണത്തിന്റെ ഭാഗമല്ല. നിങ്ങളുടെ വെബ്ബ് പേജുകളിൽ ഫോണ്ടുകൾ മാറ്റാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ CSS (Cascading Style Sheets ) ഉപയോഗിച്ച് എങ്ങനെ ചെയ്യണമെന്ന് പഠിക്കണം.

CSS ഉപയോഗിച്ച് ഫോണ്ട് മാറ്റുന്നതിനുള്ള പടികൾ

1. ഒരു ടെക്സ്റ്റ് HTML എഡിറ്റർ ഉപയോഗിച്ച് ഒരു വെബ് പേജ് തുറക്കുക. പുതിയ അല്ലെങ്കിൽ നിലവിലുള്ള പേജ് ആകാം.
2. കുറച്ച് വാചകം എഴുതുക: ഈ വാചകം Arial ൽ ആണ്
3. SPAN മൂലമുള്ള വാചകം സറൗണ്ട്: ഈ വാചകം Arial ൽ ആണ്
4. സ്പാൻ ടാഗിൽ ആട്രിബ്യൂട്ട് സ്റ്റൈൽ = "" ചേർക്കുക: ഈ വാചകം Arial ൽ ആണ്
5. ശൈലി ആട്രിബ്യൂട്ടിനുള്ളിൽ, ഫോണ്ട്-ഫൈറ്റ് ശൈലി ഉപയോഗിച്ച് ഫോണ്ട് മാറ്റൂ: ഈ വാചകം Arial ൽ ആണ്

CSS ഉപയോഗിച്ച് ഫോണ്ട് മാറ്റുന്നതിനുള്ള നുറുങ്ങുകൾ

1. കോമ (,) ഉപയോഗിച്ച് ഒന്നിലധികം ഫോണ്ട് ചോയിസുകൾ വേർതിരിക്കുക. ഉദാഹരണത്തിന്,
   1. ഫോണ്ട്-കുടുംബം: ഏരിയ, ജനീവ, ഹെൽവെറ്റിക്ക, സാൻസ്-സെരിഫ്;
   2. നിങ്ങളുടെ ഫോണ്ട് സ്റ്റാക്കിൽ (ഫോണ്ടുകളുടെ പട്ടികയിൽ) കുറഞ്ഞത് രണ്ട് ഫോണ്ടുകൾ ഉണ്ടായിരിക്കണം, അതിനാൽ ബ്രൌസർ ആദ്യത്തെ ഫോണ്ട് ഇല്ലെങ്കിൽ, രണ്ടാമത്തേത് പകരം ഉപയോഗിക്കാം.
2. എല്ലായ്പ്പോഴും ഓരോ CSS ശൈലികളും ഒരു സെമി-കോളൺ (;;) ഉപയോഗിച്ച് അവസാനിക്കുന്നു. ഒരൊറ്റ സ്റ്റൈൽ മാത്രം ഉള്ളപ്പോൾ ഇത് ആവശ്യമില്ല, എന്നാൽ ഇത് പ്രവേശിക്കുന്നതിന് ഒരു നല്ല ശീലമാണ്.
3. ഈ ഉദാഹരണം ഇൻലൈൻ ശൈലികൾ ഉപയോഗിക്കുന്നു, എന്നാൽ മികച്ച രീതിയിലുള്ള ശൈലികൾ ബാഹ്യ ശൈലി ഷീറ്റുകളിലാണ് നൽകുന്നത്, അതിലൂടെ നിങ്ങൾക്ക് ഒരു മൂലകത്തേക്കാൾ കൂടുതൽ ബാധിക്കാം. വാചകത്തിന്റെ ബ്ലോഗ്ഗുകളിൽ നിങ്ങൾക്ക് ശൈലി സജ്ജമാക്കാൻ ഒരു ക്ലാസ് ഉപയോഗിക്കാം. ഉദാഹരണത്തിന്:
   1. class = "arial"> ഈ വാചകം Arial ൽ ആണ്
   2. CSS ഉപയോഗിക്കൽ:
   3. . diial {font-family: Arial; }