വെബ്സൈറ്റുകളിലേക്ക് ചിത്രങ്ങൾ വരുമ്പോൾ ചിത്രങ്ങൾ വളരെ കൂടുതൽ ലഭിക്കുമ്പോൾ, തിരയൽ എഞ്ചിനുകളിലേക്ക് അപ്രാപ്യങ്ങളുണ്ടാക്കുന്നതും മിക്ക സൈറ്റുകളുടെ ഉള്ളടക്കവും വഹിക്കുന്ന എഴുതപ്പെട്ട വാക്കാണ് അത്. അതുപോലെ, ടൈപ്ഗ്രാഫിക് ഡിസൈൻ വെബ്സൈറ്റ് ഡിസൈനിന്റെ പ്രധാനപ്പെട്ട ഭാഗമാണ്. ഒരു സൈറ്റിന്റെ ടെക്സ്റ്റിന്റെ പ്രാധാന്യം വായിക്കുന്നത് നന്നായി തോന്നുന്നു, വായിക്കാൻ എളുപ്പമാണ്. ഇത് CSS (കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ) സ്റൈൽ ഉപയോഗിച്ച് ചെയ്തിരിക്കുന്നു.
ആധുനിക വെബ് ഡിസൈൻ സ്റ്റാൻഡേർഡിനുശേഷം, ഒരു വെബ്സൈറ്റിന്റെ ടെക്സ്റ്റ് ഉള്ളടക്കത്തിന്റെ രൂപരേഖ നൽകണമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കുമ്പോൾ, നിങ്ങൾ CSS ഉപയോഗിച്ച് അങ്ങനെ ചെയ്യും. ഇത് ഒരു പേജിന്റെ HTML ഘടനയിൽ നിന്ന് ആ രീതിയെ വേർതിരിക്കുന്നു. ഉദാഹരണമായി, ഒരു പേജിന്റെ ഫോണ്ട് "Arial" ആയി സജ്ജമാക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുകയാണെങ്കിൽ, നിങ്ങളുടെ CSS- ൽ ഇനിപ്പറയുന്ന സ്റ്റൈൽ റൂൾ ചേർത്ത് നിങ്ങൾക്ക് ഇത് ചെയ്യാവുന്നതാണ് (ശ്രദ്ധിക്കുക - ഇത് ഒരു ബാഹ്യ CSS സ്റ്റൈൽ ഷീറ്റിലായിരിക്കും വെബ്സൈറ്റിലെ ഓരോ പേജിലും):
body {font-family: Arial; }ഈ ഫോണ്ട് "ബോഡി" ക്കായി സജ്ജമാക്കിയിരിക്കുന്നു, അതിനാൽ CSS കാസ്കേഡ് പേജിന്റെ മറ്റ് ഘടകങ്ങളിലേക്ക് ശൈലി പ്രയോഗിക്കും. കാരണം എല്ലാ HTML ഘടകങ്ങളും "ബോഡി" ഘടകത്തിന്റെ കുട്ടിയാണെങ്കിൽ, ഫോണ്ട് ഫാമിലി അല്ലെങ്കിൽ നിറം പോലെയുള്ള CSS ശൈലികൾ മാതാപിതാക്കളിൽ നിന്ന് കുട്ടിയുടെ ഘടകത്തിലേക്ക് നീങ്ങും. ചില ഘടകങ്ങൾക്കു് കൂടുതൽ പ്രത്യേക ശൈലി ചേർക്കാതെ ഇതു് ഇതായിരിക്കും. ഈ CSS ഉള്ള ഒരേയൊരു പ്രശ്നം മാത്രമാണ് ഒരൊറ്റ അക്ഷരമെടുത്തത്. ചില കാരണങ്ങളാൽ ഈ ഫോണ്ട് കണ്ടെത്താൻ കഴിയുന്നില്ലെങ്കിൽ, ബ്രൗസർ മറ്റൊരാൾക്കു പകരം മറ്റൊന്ന് മാറ്റിയെത്തും. ഇത് തെറ്റാണ് - എന്തൊക്കെയാണ് ഫോണ്ട് ഉപയോഗിക്കാമെന്ന് നിങ്ങൾക്ക് നിയന്ത്രണമില്ല - ബ്രൌസർ നിങ്ങൾക്കായി തിരഞ്ഞെടുക്കും, അത് ഉപയോഗിക്കാൻ തീരുമാനിച്ചേക്കില്ല! ഇവിടെയാണ് ഫോണ്ട് സ്റ്റാക്ക് വരുന്നത്.
CSS ഫോണ്ട്-കുടുംബ പ്രഖ്യാപനത്തിലെ ഫോണ്ടുകളുടെ ഒരു പട്ടികയാണ് ഫോണ്ട് സ്റ്റാക്ക്. ഒരു ഫോണ്ട് ലോഡ് ചെയ്യാത്തതു പോലെ ഒരു പ്രശ്നത്തിലാണെങ്കിൽ സൈറ്റിൽ പ്രത്യക്ഷപ്പെടാൻ നിങ്ങൾ താൽപ്പര്യപ്പെടുന്ന മുൻഗണനാ ക്രമത്തിൽ ലിസ്റ്റുകൾ ലിസ്റ്റുചെയ്തിരിക്കുന്നു. ഒരു ഫോണ്ട് സ്റ്റാക്ക് കമ്പ്യൂട്ടർ ഉപയോഗിക്കാത്ത ഫോണ്ട് ഇല്ലെങ്കിൽപ്പോലും വെബ് പേജിലെ ഫോണ്ടുകളുടെ രൂപരേഖ നിയന്ത്രിക്കാൻ ഡിസൈനർ അനുവദിക്കുന്നു.
ഒരു ഫോണ്ട് സ്റ്റാക്ക് എങ്ങനെ കാണുന്നു? ഒരു ഉദാഹരണം ഇതാ:
body-font-family: ജോർജിയ, "ടൈംസ് ന്യൂ റോമൻ", സെരിഫ്; }ഇവിടെ ശ്രദ്ധിക്കാൻ കുറച്ച് കാര്യങ്ങൾ ഉണ്ട്.
ആദ്യം, നമ്മൾ വ്യത്യസ്ത ഫോണ്ട് പേരുകളെ കോമയിട്ട് വേർതിരിച്ചതായി കാണാം. ഓരോന്നിനും ഇടയിൽ നിങ്ങൾക്ക് കോമാ ഉപയോഗിച്ച് വേർതിരിക്കുന്നിടത്തോളം നിങ്ങൾക്ക് ഇഷ്ടമുള്ളത്ര ഫോണ്ടുകൾ ചേർക്കാൻ കഴിയും. ബ്രൌസർ ആദ്യം നിർദ്ദേശിച്ച ആദ്യത്തെ അക്ഷരത്തെ ലോഡ് ചെയ്യാൻ ശ്രമിക്കും. ഇത് പരാജയപ്പെട്ടാൽ, അത് ഉപയോഗിക്കാൻ കഴിയുന്ന ഒന്ന് കണ്ടെത്തും വരെ ഓരോ അക്ഷരവും ശ്രമിക്കുന്ന വരി റൺ ചെയ്യുകയും ചെയ്യും. ഈ ഉദാഹരണത്തിൽ ഞങ്ങൾ വെബ് സുരക്ഷിതമായ ഫോണ്ടുകൾ ഉപയോഗിക്കുന്നു, ഒപ്പം സൈറ്റിനെ സന്ദർശിക്കുന്ന വ്യക്തിയുടെ കമ്പ്യൂട്ടറിൽ "ജോർജിയ" കാണും (നോട്ട് - പേജിൽ പറഞ്ഞിരിക്കുന്ന ഫോണ്ടുകൾക്കായി ബ്രൌസർ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ കാണുന്നു, അതിനാൽ സൈറ്റ് യഥാർത്ഥത്തിൽ പറയുന്നത് നിങ്ങളുടെ സിസ്റ്റത്തിൽ നിന്നും ലഭ്യമാകുന്ന കംപ്യൂട്ടർ). ഫോണ്ട് കണ്ടുപിടിക്കാൻ ചില കാരണങ്ങളാൽ, അത് സ്റ്റാക്ക് താഴേക്ക് നീക്കി, അടുത്ത സ്ക്രിപ്റ്റ് നിർദ്ദേശിക്കുക.
അടുത്ത ഫോണ്ട് അനുസരിച്ച്, സ്റ്റാക്കിൽ അത് എഴുതിയതെങ്ങനെയെന്ന് നോക്കുക. "ടൈംസ് ന്യൂ റോമൻ" എന്ന പേര്, ഇരട്ട ഉദ്ധരണികളിൽ ചേർത്തു. ഫോണ്ട് നാമത്തിൽ ഒന്നിലധികം വാക്കുകൾ ഉള്ളതിനാലാണിത്. ഒന്നിലധികം പദങ്ങളുള്ള ഫോണ്ടുകളുടെ പേരുകൾ (Trebuchet MS, Courier New, മുതലായവ) ഡബിൾ ഉദ്ധരണികളിൽ പേര് ഉണ്ടായിരിക്കണം, അതിലൂടെ ആ വാക്കുകൾ എല്ലാ വാക്കുകളും ഒരു ഫോണ്ട് നാമത്തിന്റെ ഭാഗമാണെന്ന് ബ്രൌസർക്ക് അറിയാം.
അവസാനമായി, നമ്മള് ഫോണ്ട് സ്റ്റാക്ക് അവസാനിപ്പിക്കും "സെറിഫ്", ഒരു സാധാരണ ഫോണ്ട് ക്ലാസിഫിക്കേഷന് ആണ്. നിങ്ങളുടെ സ്റ്റാക്കിൽ പേര് നൽകിയിട്ടുള്ള ഫോണ്ടുകളിൽ ഒന്നും ലഭ്യമല്ലെന്നതിന് സാധ്യതയില്ലെങ്കിൽ, നിങ്ങൾ തിരഞ്ഞെടുത്തിട്ടുള്ള അനുയോജ്യമായ വർജിഫിക്കേഷനിൽ കുറഞ്ഞത് ഒരു ഫോണ്ട് കണ്ടെത്തുന്നതിന് പകരം ബ്രൌസർ കണ്ടെത്തും. ഉദാഹരണത്തിന്, നിങ്ങൾ സിയാൻ-സെറിഫ് ഫോണ്ടുകൾ Arial, Verdana എന്നിവ ഉപയോഗിക്കുമ്പോൾ, "sans-serif" ന്റെ വർഗ്ഗീകരണത്തോടുകൂടിയ ഫോണ്ട് സ്റ്റാക്കിൽ അവസാനിക്കുന്നതിനേക്കാൾ ഒരു ലോഡ് പ്രശ്നം ഉണ്ടെങ്കിൽ, ആ കുടുംബത്തിലെ മുഴുവന് ഫോണ്ടും ഫോണ്ട് സൂക്ഷിക്കുക. ഒരു ബ്രൌസറിൽ സ്റ്റാക്കിൽ ലിസ്റ്റുചെയ്തിരിക്കുന്ന ഫോണ്ടുകൾ ഒന്നും കണ്ടെത്താനായില്ല, പകരം ഈ ജനറിക് ക്ലാസിഫിക്കേഷൻ ഉപയോഗിക്കേണ്ടത് വളരെ അപൂർവ്വമായിരിക്കണം, ഇരട്ടത്താപ്പ് സുരക്ഷിതമായി എത്തുന്നതിന് അത് ഒരു മികച്ച രീതിയാണ്.
ഫോണ്ട് സ്റ്റാക്കുകളും വെബ് ഫോണ്ടുകളും
ഇന്ന് പല വെബ്സൈറ്റുകളും സൈറ്റിലെ മറ്റ് ഫോമുകളുമൊത്ത് (സൈറ്റിന്റെ ഇമേജുകൾ, ജാവാസ്ക്രിപ്റ്റ് ഫയൽ തുടങ്ങിയവ പോലുള്ളവ) വെബ് ഫോണ്ടുകൾ ഉപയോഗിക്കുന്നു അല്ലെങ്കിൽ ഗൂഗിൾ ഫോണ്ടുകൾ അല്ലെങ്കിൽ ടൈപ്പ്കിറ്റ് പോലുള്ള ഓഫ്സൈറ്റ് ഫോണ്ട് ലൊക്കേഷനുമായി ലിങ്കുചെയ്തിരിക്കുന്നു. നിങ്ങൾ സ്വയം ഫയലുകളുമായി ബന്ധിപ്പിക്കുന്നതു മുതൽ ഈ ഫോണ്ടുകൾ ലോഡ് ചെയ്യേണ്ടി വരുമ്പോൾ, നിങ്ങൾ ഉണ്ടായേക്കാവുന്ന പ്രശ്നങ്ങളിൽ നിങ്ങൾക്ക് ചില നിയന്ത്രണങ്ങളുണ്ടെന്ന് ഉറപ്പുവരുത്തുന്നതിനായി നിങ്ങൾ ഇപ്പോഴും ഫോണ്ട് സ്റ്റാക്ക് ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്നു. ഒരാളുടെ കമ്പ്യൂട്ടറിലായിരിക്കേണ്ട ("Arial, Verdana, Georgia", "ടൈംസ് ന്യൂ റോമൻ" തുടങ്ങിയ ഉദാഹരണങ്ങളിൽ നമുക്ക് ഉദാഹരണമായി ഉപയോഗിക്കുന്ന ഫോണ്ടുകൾ "web safe" ഫോണ്ടുകൾക്കായിരിക്കണം. ഒരു വ്യക്തിയുടെ കമ്പ്യൂട്ടറിൽ). ഫോണ്ട് നഷ്ടപ്പെടാനുള്ള സാധ്യത വളരെ കുറവാണ് എങ്കിലും, ഫോണ്ട് സ്റ്റാക്ക് വ്യക്തമാക്കുന്നത് സൈറ്റിന്റെ ടൈപ്പിഗ്രാഫിക് ഡിസൈൻ കഴിയുന്നത്രയും തരം തിരിക്കുന്നതിന് സഹായിക്കും.
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 8/9/17 ന്