നിങ്ങളുടെ വെബ്സൈറ്റിൽ ഉപയോഗിക്കുന്നതിനുള്ള പൊതുവായ ഫോണ്ട് ക്ലാരിഫിക്കേഷനുകൾ
ഒരു വെബ്സൈറ്റ് രൂപപ്പെടുത്തുമ്പോൾ, നിങ്ങൾ പ്രവർത്തിക്കുന്ന ഒരു പേജിന്റെ ഒരു പ്രധാന ഘടകങ്ങൾ ടെക്സ്റ്റ് ഉള്ളടക്കമാണ്. അതുപോലെ, നിങ്ങൾ ഒരു വെബ് പേജ് നിർമ്മിക്കുകയും CSS ഉപയോഗിച്ച് അത് രൂപീകരിക്കുകയും ചെയ്യുമ്പോൾ, ആ ശ്രമത്തിന്റെ ഒരു വലിയ ഭാഗം സൈറ്റിന്റെ ടൈപ്പിഗ്രഫിനെ കേന്ദ്രീകരിക്കും.
വെബ്സൈറ്റ് രൂപകൽപ്പനയിൽ ടൈപ്പോഗ്രാഫിക്ക് ഡിസൈൻ ഒരു പ്രധാന പങ്ക് വഹിക്കുന്നു. നന്നായി തയ്യാറാക്കിയതും രൂപകൽപ്പന ചെയ്തതുമായ ഉള്ളടക്കം ഒരു സൈറ്റ് ആസ്വദിക്കുന്നതും വായനാനുഭവം ആസ്വദിക്കുന്നതും വായനാനുഭവം സൃഷ്ടിക്കുന്നതും കൂടുതൽ വിജയകരമാക്കാൻ സഹായിക്കും. ടൈപ്പ് ജോലി ചെയ്യുന്നതിനുള്ള നിങ്ങളുടെ ശ്രമത്തിന്റെ ഒരു ഭാഗം നിങ്ങളുടെ രൂപകൽപ്പനയ്ക്കുള്ള ശരിയായ ഫോണ്ടുകൾ തിരഞ്ഞെടുക്കാനും തുടർന്ന് പേജിന്റെ പ്രദർശനത്തിലേക്ക് ആ ഫോണ്ടുകളും ഫോണ്ട് ശൈലികളും ചേർക്കുന്നതിന് CSS ഉപയോഗിക്കുകയും ചെയ്യും. ഇത് " font-stack " എന്ന് വിളിക്കുന്നു
ഫോണ്ട്-സ്റ്റോക്കുകൾ
ഒരു വെബ്പേജിൽ ഉപയോഗിക്കാനായി നിങ്ങൾ ഒരു ഫോണ്ട് വ്യക്തമാക്കുമ്പോൾ , നിങ്ങളുടെ ഫോണ്ട് ചോയിസ് കണ്ടെത്താൻ കഴിയാത്ത സാഹചര്യത്തിൽ ഫാൾബാക്ക് ഓപ്ഷനുകളും ഉൾപ്പെടുത്തുന്നത് നല്ലതാണ്. ഈ ഫാൾബാക്ക് ഓപ്ഷനുകൾ "font stack" ൽ കാണിക്കുന്നു. ബ്രാക്കിൽ സ്റ്റാക്ക് ലിസ്റ്റുചെയ്തിരിക്കുന്ന ആദ്യത്തെ ഫോണ്ട് കണ്ടെത്താൻ കഴിയുന്നില്ലെങ്കിൽ, അത് അടുത്തതിലേക്ക് നീങ്ങുന്നു. ഈ പ്രക്രിയ തുടരുന്നതു്, അത് ഉപയോഗിക്കുവാനുള്ള ഒരു ഫോണ്ട് കണ്ടുപിടിയ്ക്കുന്നതു് തുടരുകയോ അല്ലെങ്കിൽ തെരഞ്ഞെടുപ്പുകളിൽ നിന്നു് പ്രവർത്തിപ്പിയ്ക്കുന്നുണ്ടു് (അതു് ആവശ്യമുള്ള ഏതു് സിസ്റ്റം അക്ഷരസഞ്ചയമാണു് തെരഞ്ഞെടുക്കുന്നതു്). "Body" എലമെൻറിന് ബാധകമാകുമ്പോൾ ഒരു font-stack എങ്ങനെയാണ് CSS ൽ ദൃശ്യമാകുന്നത് എന്നതിന്റെ ഉദാഹരണം ഇതാ:
body-font-family: ജോർജിയ, "ടൈംസ് ന്യൂ റോമൻ", സെരിഫ്; }ഫോണ്ട് ജോർജിയ ആദ്യം വ്യക്തമാക്കിയത് ശ്രദ്ധിക്കുക. സ്ഥിരസ്ഥിതിയായി, ഇതാണ് പേജ് ഉപയോഗിക്കുന്നത്, പക്ഷേ ചില കാരണങ്ങളാൽ ആ ഫോണ്ട് ലഭ്യമല്ലെങ്കിൽ, ടൈംസ് ന്യൂ റോമൻ എന്ന താളിലേക്ക് പോകും. ഇരട്ട ഉദ്ധരണികളിൽ ഞങ്ങൾ ആ ഫോണ്ട് നാമം ഉൾക്കൊള്ളുന്നു, കാരണം ഇത് ഒരു മൾട്ടി-വേർഡ് പേര് ആണ്. ജോർജിയയോ ഏരിയയോ പോലുള്ള ഏക വല്ലാത്ത ഫോണ്ട് നാമങ്ങൾ, ഉദ്ധരണികൾ ആവശ്യമില്ല, എന്നാൽ മൾട്ടി വേർഡ് ഫോണ്ടിന്റെ പേര് അവ ആവശ്യമുണ്ട്, അതിലൂടെ ആ വാക്കുകൾ അക്ഷരസഞ്ചയ നാമങ്ങൾ രൂപപ്പെടുത്തുന്നു എന്ന് ബ്രൌസർക്ക് അറിയാം.
ഫോണ്ട് സ്റ്റാക്ക് അവസാനിച്ചാൽ, "serif" എന്ന വാക്കിൽ അവസാനിക്കുന്നുവെന്ന് നിങ്ങൾ ശ്രദ്ധിക്കണം. അത് ജനറിക് ഫോണ്ട് കുടുംബ നാമമാണ്. ഒരു വ്യക്തിക്ക് ജോർജിയോ, ടൈംസ് ന്യൂ റോമനോ അവരുടെ കമ്പ്യൂട്ടറിൽ ഇല്ല എന്ന സാദ്ധ്യതയില്ലായ്മയിൽ, അത് കണ്ടെത്താൻ സാധിക്കുന്ന സെറിഫ് ഫോണ്ട് പ്രയോജനപ്പെടുത്തുന്നു. സൈറ്റിന്റെ ഡിസൈനിന്റെ മൊത്തത്തിലുള്ള രൂപവും ടോയും എത്രയും വേഗം തന്നെ ആകും എന്നതിനാൽ ഏതു ഫോണ്ടിനും ആവശ്യമുള്ള ഫോണ്ടുകളിലേക്ക് സൈറ്റിന് പോകാൻ അനുവദിക്കുന്നതാണ് ഇത്. അതെ, ബ്രൗസർ നിങ്ങൾക്ക് ഒരു ഫോണ്ട് തിരഞ്ഞെടുക്കും, പക്ഷേ കുറഞ്ഞത് നിങ്ങൾ മാർഗനിർദേശം നൽകുന്നു, അതുകൊണ്ട് ഡിസൈനിനുള്ളിൽ എന്ത് തരം ഫോണ്ട് നന്നായി പ്രവർത്തിക്കും എന്ന് അറിയാൻ കഴിയും.
സാധാരണ ഫോണ്ട് കുടുംബങ്ങൾ
CSS ൽ ലഭ്യമായ പൊതുവായ ഫോണ്ട് നാമം:
- കള്ളം പറയുക
- ഫാന്റസി
- മോണോസ്പെയ്സ്
- സെരിഫ്
- സാൻസ്-സെരിഫ്
സ്ലാബ്-സെരിഫ്, ബ്ലാക്ക്ലെറ്റർ, ഡിസ്പ്ലേ, ഗ്രഞ്ച് മുതലായവയിൽ വെബ് ഡിസൈൻ, ടൈപോഗ്രാഫി എന്നിവയിൽ ലഭ്യമായ മിക്ക ഫോണ്ട് ക്ലാസിഫിക്കേഷനുകളും ലഭ്യമാണെങ്കിലും, ലിസ്റ്റുചെയ്ത ഫോണ്ട് പേരുകളിൽ മുകളിൽ 5 നിങ്ങൾ സി.എസിലെ ഒരു ഫോണ്ട് സ്റ്റാക്കിനിൽ ഉപയോഗിക്കുന്നതാണ്. ഈ ഫോണ്ട് ക്ലാരിഫിക്കേഷനിലെ വ്യത്യാസങ്ങൾ എന്തൊക്കെയാണ്? നമുക്കൊന്ന് നോക്കാം!
ഫാൻസി കൈയ്യെഴുത്ത് പ്രതിരൂപം പകർത്താൻ ഉദ്ദേശിക്കുന്ന, നേർത്ത, അലങ്കാര അക്ഷരരൂപങ്ങൾ പലപ്പോഴും Cursive ഫോണ്ടുകളിൽ ഉണ്ട്. ഈ ഫോണ്ടുകൾ അവരുടെ മെലിഞ്ഞ, ഫ്ലൂറിറ്ററി കത്തുകൾ കാരണം ശരീരഭാഗം പോലുള്ള വലിയ ബ്ലോക്കുകളിലേക്ക് ഉചിതമല്ല. വലിയ അക്ഷര വലുപ്പങ്ങളിൽ പ്രദർശിപ്പിക്കാൻ കഴിയുന്ന ഹെഡ്ഡിംഗുകൾക്കും ചെറിയ ടെക്സ്റ്റ് ആവശ്യകതകൾക്കുമാണ് കഴ്സർ ഫോണ്ടുകൾ സാധാരണയായി ഉപയോഗിക്കുന്നത്.
ഫാന്റസി ഫോണ്ടുകൾ എന്നത് മറ്റേതെങ്കിലും വിഭാഗത്തിൽ പെടാത്ത ചില രസകരമായ അക്ഷരങ്ങളാണ്. ഹാരി പോട്ടർ അല്ലെങ്കിൽ ബാക്ക് ടു ദ ഫ്യൂച്ചർ മൂവുകളിൽ നിന്നുള്ള അക്ഷരമാലാണെങ്കിൽ, നന്നായി അറിയപ്പെടുന്ന ലോഗോകൾ പകർത്താനുള്ള ഫോണ്ടുകൾ ഈ വിഭാഗത്തിൽപ്പെടും. വീണ്ടും ഈ ഫോണ്ടുകൾ ശരീരം ഉള്ളടക്കത്തിന് അനുയോജ്യമല്ല കാരണം അവ പലപ്പോഴും സ്റ്റൈലഡ് ആയതിനാൽ, ഈ ഫോണ്ടുകളിൽ എഴുതിയിരിക്കുന്ന ദൈർഘ്യമുള്ള വാചകം വായിക്കുന്നതിനേക്കാൾ വളരെ ബുദ്ധിമുട്ടാണ്.
മോണോസ്പേസ് ഫോണ്ടുകൾ എന്നത് എല്ലാ പഴയ അക്ഷരങ്ങളും തുല്യ വലിപ്പമുള്ളതും പഴയകാല ടൈപ്പ്റൈറ്ററിലായിരിക്കും. അക്ഷരങ്ങൾക്ക് വൈറ്റ് വീതിയുള്ളതിനാൽ അവയുടെ വലിപ്പത്തെ ആശ്രയിച്ച് മറ്റ് അക്ഷരങ്ങളിൽ നിന്ന് വ്യത്യസ്തമായി (ഉദാഹരണത്തിന്, ഒരു "ക്യാപ്" W "ചെറിയ" i "എന്നതിനേക്കാൾ അധികം മുറിയിൽ ഏറ്റെടുക്കും), മോണോസ്പേസ് ഫോണ്ടുകൾ എല്ലാ പ്രതീകങ്ങൾക്കുമുള്ള വീതി കുറയ്ക്കുന്നതാണ്. ഒരു പേജിൽ കോഡ് പ്രദർശിപ്പിക്കുമ്പോൾ ഈ ഫോണ്ടുകൾ പലപ്പോഴും ഉപയോഗിക്കുന്നു, കാരണം അവ ആ പേജിലെ മറ്റ് വാചകങ്ങളെക്കാളും വ്യത്യാസപ്പെട്ടിരിക്കുന്നു.
Serif ഫോണ്ടുകൾ കൂടുതൽ പ്രചാരമുള്ള വർഗീകരണങ്ങളിൽ ഒന്നാണ്. അക്ഷരരൂപത്തിൽ കുറേക്കൂടി ലിഗേറ്റുകൾ ഉള്ള ഫോണ്ടുകൾ ഇവയാണ്. ആ അധിക കഷണങ്ങൾ "serifs" എന്ന് വിളിക്കുന്നു. സാധാരണ സെരിഫ് ഫോണ്ടുകൾ ജോർജിയയും ടൈംസ് ന്യൂ റോമനും ആണ്. സെറിഫ് ഫോണ്ടുകൾ വലിയ ടെക്സ്റ്റിനും വാചകത്തിനും ബോഡി പകർത്തലിനുമുള്ള ദീർഘ പാസുകൾ പോലെ ഉപയോഗിക്കും.
നമ്മൾ അന്തിമ വിഭാഗീകരിക്കുകയാണ് സാൻസ് സെരിഫ് . മുൻപറഞ്ഞ ലിഗട്ടുകൾ ഒന്നുമില്ലാത്ത ഫോണ്ടുകളാണ് ഇവ. പേര് "സെർവറുകൾ ഇല്ലാതെ" എന്നാണ്. ഈ വിഭാഗത്തിലെ ജനപ്രിയ ഫോണ്ടുകൾ Arial അല്ലെങ്കിൽ Helvetica ആയിരിക്കും. സെരിഫുകൾക്ക് സമാനമായ സാൻസ് സെരിഫ് ഫോണ്ടുകൾ ഹെഡിംഗുകളിലും ബോഡി ഉള്ളടക്കത്തിലും തുല്യമായി ഉപയോഗിക്കാവുന്നതാണ്.
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 10/16/17 ന്