സിസ്റ്റം ഫോണ്ടുകൾ ഡൗൺലോഡ് ചെയ്യുക. സിസ്റ്റം ഫോണ്ടുകൾ, കണക്ഷൻ. സിസ്റ്റം, സ്റ്റാൻഡേർഡ്, സുരക്ഷിത ഫോണ്ടുകൾ

ഈ ലിസ്റ്റിൽ നിലവിലുള്ള എല്ലാ വിൻഡോസ് ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങൾക്കും (വാസ്തവത്തിൽ, വിൻഡോസ് 98 മുതൽ) പൊതുവായ ഫോണ്ടുകളും Mac OS-ലെ അവയുടെ തത്തുല്യങ്ങളും അടങ്ങിയിരിക്കുന്നു. അത്തരം ഫോണ്ടുകളെ ചിലപ്പോൾ "ബ്രൗസർ സുരക്ഷിത ഫോണ്ടുകൾ" എന്ന് വിളിക്കുന്നു ( ബ്രൗസർ സുരക്ഷിത ഫോണ്ടുകൾ). ഇത് ഞാൻ വെബ് പേജുകൾ നിർമ്മിക്കുമ്പോൾ ഉപയോഗിക്കുന്ന ഒരു ചെറിയ റഫറൻസ് പുസ്തകമാണ്, ഇത് നിങ്ങൾക്കും ഉപയോഗപ്രദമാകുമെന്ന് ഞാൻ കരുതുന്നു.

നിങ്ങൾ വെബ് ഡിസൈനിംഗിൽ പുതിയ ആളാണെങ്കിൽ, നിങ്ങൾ ഇതുപോലൊന്ന് ചിന്തിക്കുന്നുണ്ടാകാം: "എന്തുകൊണ്ടാണ് ഇത്രയും ചെറിയ ഫോണ്ടുകളിൽ ഞാൻ പരിമിതപ്പെടുത്തേണ്ടത്? എനിക്ക് മനോഹരമായ ഫോണ്ടുകളുടെ ഒരു വലിയ ശേഖരം ഉണ്ട്! സന്ദർശക ബ്രൗസറിന് ഇൻസ്റ്റാൾ ചെയ്ത ഫോണ്ടുകൾ മാത്രമേ പ്രദർശിപ്പിക്കാൻ കഴിയൂ എന്നതാണ് വസ്തുത അവൻ്റെഓപ്പറേറ്റിംഗ് സിസ്റ്റം ( ഏകദേശം. വിവർത്തകൻ:നിലവിൽ, CSS 3 ഉം അതിൻ്റെ പുതിയ പ്രോപ്പർട്ടിയും ഉപയോഗിച്ച് പേജുകൾ രൂപകൽപ്പന ചെയ്യുമ്പോൾ ഫലത്തിൽ ഏതെങ്കിലും ഫോണ്ടുകൾ ഉപയോഗിക്കാൻ ഇതിനകം സാധ്യമാണ്. @font-face; എന്നിരുന്നാലും, എല്ലാ ബ്രൗസറുകളും ഇതുവരെ ഈ പ്രവർത്തനത്തെ പിന്തുണയ്ക്കുന്നില്ല), അതായത് ഓരോന്നുംനിങ്ങളുടെ പേജ് സന്ദർശിക്കുന്നയാൾ നിങ്ങൾ തിരഞ്ഞെടുത്ത ഫോണ്ടുകളുടെ ഉടമയായിരിക്കണം. അതിനാൽ, ഓരോ ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിലും ലഭ്യമായ ഫോണ്ടുകൾ മാത്രമേ നിങ്ങൾ ഉപയോഗിക്കാവൂ. ഭാഗ്യവശാൽ, CSS-ന് ഒരു പ്രോപ്പർട്ടി ഉണ്ട് @font-family, ഇത് ഈ ടാസ്ക് എളുപ്പമാക്കുന്നു.

ലിസ്റ്റ്

@font-family അർത്ഥം	വിൻഡോസ്	മാക്	കുടുംബം
ഏരിയൽ, ഹെൽവെറ്റിക്ക, സാൻസ്-സെരിഫ്	ഏരിയൽ	ഏരിയൽ, ഹെൽവെറ്റിക്ക	sans-serif
"ഏരിയൽ ബ്ലാക്ക്", ഗാഡ്‌ജെറ്റ്, സാൻസ്-സെരിഫ്	ഏരിയൽ ബ്ലാക്ക്	ഏരിയൽ ബ്ലാക്ക്, ഗാഡ്‌ജെറ്റ്	sans-serif
"കോമിക് സാൻസ് എംഎസ്", കഴ്‌സീവ്	കോമിക് സാൻസ് എം.എസ്	കോമിക് സാൻസ് MS 5	കർസീവ്
"കൊറിയർ ന്യൂ", കൊറിയർ, മോണോസ്പേസ്	കൊറിയർ പുതിയത്	കൊറിയർ ന്യൂ, കൊറിയർ 6	മോണോസ്പേസ്
ജോർജിയ, സെരിഫ്	ജോർജിയ 1	ജോർജിയ	സെരിഫ്
ആഘാതം, കരി, സാൻസ്-സെരിഫ്	ആഘാതം	ആഘാതം 5, കരി 6	sans-serif
"ലൂസിഡ കൺസോൾ", മൊണാക്കോ, മോണോസ്പേസ്	ലൂസിഡ കൺസോൾ	മൊണാക്കോ 5	മോണോസ്പേസ്
"ലൂസിഡ സാൻസ് യൂണികോഡ്", "ലൂസിഡ ഗ്രാൻഡെ", സാൻസ്-സെരിഫ്	ലൂസിഡ സാൻസ് യൂണികോഡ്	ലൂസിഡ ഗ്രാൻഡെ	sans-serif
"പാലറ്റിനോ ലിനോടൈപ്പ്", "ബുക്ക് ആൻ്റിക്വ", പാലറ്റിനോ, സെരിഫ്	പാലറ്റിനോ ലിനോടൈപ്പ്, ബുക്ക് ആൻ്റിക്വ 3	പാലറ്റിനോ 6	സെരിഫ്
തഹോമ, ജനീവ, സാൻസ്-സെരിഫ്	തഹോമ	ജനീവ	sans-serif
"ടൈംസ് ന്യൂ റോമൻ", ടൈംസ്, സെരിഫ്	ടൈംസ് ന്യൂ റോമൻ	സമയങ്ങൾ	സെരിഫ്
"Trebuchet MS", ഹെൽവെറ്റിക്ക, sans-serif	ട്രെബുഷെറ്റ് എംഎസ് 1	ഹെൽവെറ്റിക്ക	sans-serif
വെർദാന, ജനീവ, സാൻസ്-സെരിഫ്	വെർദാന	വെർദാന, ജനീവ	sans-serif
ചിഹ്നം	ചിഹ്നം 2	ചിഹ്നം 2	-
വെബ്ഡിംഗുകൾ	വെബ്ഡിംഗുകൾ 2	വെബ്ഡിംഗുകൾ 2	-
വിംഗ്‌ഡിംഗ്സ്, "സാപ്ഫ് ഡിംഗ്ബാറ്റ്സ്"	ചിറകുകൾ 2	സപ്ഫ് ഡിംഗ്ബാറ്റ്സ് 2	-
"MS Sans Serif", ജനീവ, sans-serif	MS Sans Serif 4	ജനീവ	sans-serif
"MS Serif", "New York", serif	എം എസ് സെരിഫ് 4	ന്യൂയോർക്ക് 6	സെരിഫ്

1 ജോർജിയ, ട്രെബുഷെറ്റ് എംഎസ് ഫോണ്ടുകൾ വിൻഡോസ് 2000/എക്സ്പി ഉപയോഗിച്ച് അയയ്ക്കുന്നു, അവ ഐഇ ഫോണ്ട് പാക്കേജിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് (തീർച്ചയായും നിരവധി മൈക്രോസോഫ്റ്റ് ആപ്ലിക്കേഷനുകൾക്കൊപ്പം വരുന്നു), അതിനാൽ അവ നിരവധി വിൻഡോസ് 98 കമ്പ്യൂട്ടറുകളിൽ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്.

2 സിംബൽ ഫോണ്ടുകൾ ഇൻ്റർനെറ്റ് എക്സ്പ്ലോററിൽ മാത്രമേ പ്രദർശിപ്പിക്കുകയുള്ളൂ; മറ്റ് ബ്രൗസറുകളിൽ അവ സാധാരണയായി ഒരു സാധാരണ ഫോണ്ട് ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കപ്പെടുന്നു (ഉദാഹരണത്തിന്, സിംബൽ ഫോണ്ട് ഓപ്പറയിലും വെബ്ഡിംഗുകൾ സഫാരിയിലും പ്രദർശിപ്പിക്കും).

3 ബുക്ക് ആൻ്റിക്വ ഫോണ്ട് പാലറ്റിനോ ലിനോടൈപ്പിന് ഏതാണ്ട് സമാനമാണ്; പാലറ്റിനോ ലിനോടൈപ്പ് വിൻഡോസ് 2000/എക്‌സ്‌പിയിലും ബുക്ക് ആൻ്റിക്വാ വിൻഡോസ് 98-ലും വരുന്നു.

4 ഈ ഫോണ്ടുകൾ TrueType അല്ല, ബിറ്റ്മാപ്പ് ആണെന്ന് ദയവായി ശ്രദ്ധിക്കുക, അതിനാൽ അവ ചില വലുപ്പങ്ങളിൽ മോശമായി കാണപ്പെടാം (അവ 96 DPI-ൽ 8, 10, 12, 14, 18, 24 pt എന്നിവയിൽ പ്രദർശിപ്പിക്കാൻ രൂപകൽപ്പന ചെയ്തിട്ടുള്ളതാണ്).

5 ഈ ഫോണ്ടുകൾ സഫാരിയിൽ സ്റ്റാൻഡേർഡ് ശൈലിയിൽ മാത്രമേ പ്രവർത്തിക്കൂ, എന്നാൽ ബോൾഡ് അല്ലെങ്കിൽ ഇറ്റാലിക്സിൽ പ്രവർത്തിക്കില്ല. കോമിക് സാൻസ് എംഎസും ബോൾഡിൽ പ്രവർത്തിക്കുന്നു, പക്ഷേ ഇറ്റാലിക്സിൽ അല്ല. മറ്റ് മാക് ബ്രൗസറുകൾ നഷ്‌ടമായ ഫോണ്ട് പ്രോപ്പർട്ടികൾ സ്വന്തമായി അനുകരിക്കുന്നത് മികച്ചതാണെന്ന് തോന്നുന്നു (ടിപ്പ് നൽകിയതിന് ക്രിസ്റ്റ്യൻ ഫെക്റ്റോയ്ക്ക് നന്ദി).

6 ഈ ഫോണ്ടുകൾ മാക്കിൽ ഇൻസ്റ്റാൾ ചെയ്തിരിക്കുന്നത് ക്ലാസിക് ഇൻസ്റ്റാളേഷനിൽ മാത്രമാണ്

സ്ക്രീൻഷോട്ടുകൾ

• Mac OS X 10.4.8, Firefox 2.0, ClearType പ്രവർത്തനക്ഷമമാക്കി (സ്ക്രീൻഷോട്ടിന് ജൂറിസ് വെക്വാനാഗ്സിന് നന്ദി)
• Mac OS X 10.4.4, Firefox 1.5, ClearType പ്രവർത്തനക്ഷമമാക്കി
• Mac OS X 10.4.11, Safari 3.0.4, ClearType പ്രവർത്തനക്ഷമമാക്കി (സ്ക്രീൻഷോട്ടിന് നോളൻ ഗ്ലാഡിയസിന് നന്ദി)
• Mac OS X 10.4.4, Safari 2.0.3, ClearType പ്രവർത്തനക്ഷമമാക്കി (സ്ക്രീൻഷോട്ടിന് എറിക് സാവെസ്‌കിക്ക് നന്ദി)
• Windows Vista, Internet Explorer 7, ClearType പ്രവർത്തനക്ഷമമാക്കി
• Windows Vista, Firefox 2.0, ClearType പ്രവർത്തനക്ഷമമാക്കി (സ്ക്രീൻഷോട്ടിന് Michiel Bijl-ന് നന്ദി)

വെബ് ഡിസൈനിൻ്റെ പ്രധാന കടമകളിലൊന്ന് ശരിയായത് തിരഞ്ഞെടുക്കുക എന്നതാണ് സാധാരണ ഫോണ്ടുകൾ. ഗൂഗിൾ വെബ് ഫോണ്ടുകൾ അല്ലെങ്കിൽ ടൈപ്പ്കിറ്റ് പോലുള്ള ഫോണ്ട് ഉൾച്ചേർക്കൽ സേവനങ്ങൾ പുതിയത് നൽകുകയെന്ന ലക്ഷ്യത്തോടെ ഒരു ബദലായി സൃഷ്ടിച്ചതാണ്.

അവ ഉപയോഗിക്കാൻ വളരെ എളുപ്പമാണ്. നമുക്ക് ഗൂഗിൾ വെബ് ഫോണ്ടുകൾ ഉദാഹരണമായി എടുക്കാം.

ഓപ്പൺ Sans, Droid Serif അല്ലെങ്കിൽ Lato എന്ന ഫോണ്ട് തിരഞ്ഞെടുക്കുക. കോഡ് എഴുതി എലമെൻ്റിൽ ഒട്ടിക്കുക HTML പ്രമാണം. CSS-ൽ ഇത് റഫറൻസ് ചെയ്യാൻ നിങ്ങൾ തയ്യാറാണ്! മുഴുവൻ പ്രക്രിയയും 60 സെക്കൻഡിൽ കൂടുതൽ എടുത്തില്ല. കൂടാതെ എല്ലാം തികച്ചും സൗജന്യമാണ്.

എന്തായിരിക്കാം തെറ്റ്?

ചില ഫോണ്ട് എല്ലാവർക്കും ലഭ്യമായേക്കില്ല. കൂടാതെ പ്രശ്നങ്ങൾ ഉണ്ടാകാം എന്നാണ് ഇതിനർത്ഥം. നിങ്ങൾ സൈറ്റിനായി മനോഹരമായ ഒരു ഫോണ്ട് തിരഞ്ഞെടുത്തതിൽ നിങ്ങൾക്ക് സന്തോഷമുണ്ട്, എന്നാൽ വെബ് പേജ് സന്ദർശിക്കുന്നയാൾ പകരം വൃത്തികെട്ട എഴുത്ത് കാണുന്നു.

നിങ്ങൾ ഒരു ബാക്കപ്പ് ഓപ്ഷൻ നടപ്പിലാക്കുകയാണെങ്കിൽ ഇത് സംഭവിക്കില്ല.

സുരക്ഷിതമായ വെബ് ഫോണ്ടുകൾ ഉപയോഗിക്കുന്നത് എത്ര പ്രധാനമാണ്?

ഓരോ ഉപകരണത്തിനും അതിൻ്റേതായ പ്രീ-ഇൻസ്റ്റാൾ ചെയ്ത ഫോണ്ടുകൾ ഉണ്ട്. ഏത് ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തെ ആശ്രയിച്ചിരിക്കുന്നു. അവർക്കിടയിൽ ചെറിയ വ്യത്യാസങ്ങളുണ്ടെന്നതാണ് കുഴപ്പം.

വെബ്‌സൈറ്റുകളുടെ കാര്യമോ? ഇതു പോലെയുള്ള? നിങ്ങൾ കാണുന്ന ഫോണ്ട് സൈറ്റിനായി ആദ്യം വ്യക്തമാക്കിയത് ആയിരിക്കില്ല.

എന്താണ് ഇതിനർത്ഥം? സൈറ്റിനായി ഡിസൈനർ പണമടച്ചുള്ള ചില ഫാമിലി തിരഞ്ഞെടുത്തുവെന്ന് പറയാം. നിങ്ങൾ അവ ഇൻസ്റ്റാൾ ചെയ്തിട്ടില്ലെങ്കിൽ ഒരു പ്രത്യേക വെബ് സേവനം നൽകിയിട്ടില്ലെങ്കിൽ, നിങ്ങൾ കാണുന്ന ഫോണ്ട് സ്റ്റാൻഡേർഡ് ഓപ്ഷനുകളിൽ ഒന്നാണ്. ഉദാഹരണത്തിന്, ടൈംസ് ന്യൂ റോമൻ.

അതിനാൽ, നിങ്ങളുടെ സ്‌ക്രീനിലെ വാചകം ഭയങ്കരമായി തോന്നാം.

പിന്നെ ഇവിടെ സൈറ്റിനായുള്ള സ്റ്റാൻഡേർഡ് ഫോണ്ടുകൾഎല്ലാ ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിലും ലഭ്യമാണ്. ഇത് Windows, Mac, Google, Unix, Linux എന്നിവയിൽ ലഭ്യമായ ഒരു ചെറിയ ശേഖരമാണ്.

ഈ തിരഞ്ഞെടുപ്പിൻ്റെ സഹായത്തോടെ, ഡിസൈനർമാർക്കും വെബ്‌സൈറ്റ് ഉടമകൾക്കും ഒരു ബാക്കപ്പ് ഫോണ്ടായി ഏത് ഫോണ്ടാണ് ഉപയോഗിക്കേണ്ടതെന്ന് വ്യക്തമാക്കാൻ കഴിയും. വ്യത്യസ്ത ഉപകരണങ്ങളിൽ പേജ് എങ്ങനെ കാണപ്പെടുമെന്ന് നിയന്ത്രിക്കാനുള്ള കഴിവ് ഇത് നിങ്ങൾക്ക് നൽകുന്നു.

ഒരു ഫാൾബാക്ക് ഓപ്‌ഷൻ എന്ന നിലയിൽ, ഒറിജിനലിനോട് വളരെ സാമ്യമുള്ള ഒരു ഫോണ്ട് ഡെവലപ്പർ തിരഞ്ഞെടുക്കുന്നു, ഇത് ഉപയോക്താവിന് കാണിക്കും.

ഏറ്റവും ജനപ്രിയമായവയുടെ ഒരു തിരഞ്ഞെടുപ്പ് നമുക്ക് നോക്കാം സാധാരണ ഫോണ്ടുകൾ HTML.

15 മികച്ച വെബ് സുരക്ഷിത ഫോണ്ടുകൾ

1. ഏരിയൽ

മിക്ക കേസുകളിലും മാനദണ്ഡമായി കണക്കാക്കുന്നു. ഏറ്റവും സാധാരണമായ ഫോണ്ട് " സാൻസ് സെരിഫ്"അല്ലെങ്കിൽ സാൻസ് സെരിഫ് ഫോണ്ടുകൾ ( അക്ഷരങ്ങളുടെ അറ്റത്ത് സെരിഫുകൾ ഇല്ലാത്തവ). മറ്റ് പ്രതീകങ്ങൾ മാറ്റിസ്ഥാപിക്കാൻ ഇത് പലപ്പോഴും വിൻഡോസിൽ ഉപയോഗിക്കുന്നു.

1. ഹെൽവെറ്റിക്ക

ഹെൽവെറ്റിക്ക ഡിസൈനർമാർക്ക് ഒരു ലൈഫ് സേവർ ആണ്. ഈ സാധാരണ വെബ് ഫോണ്ട്മിക്കവാറും എല്ലായ്‌പ്പോഴും പ്രവർത്തിക്കുന്നു ( കുറഞ്ഞത് മറ്റ് ഫോണ്ടുകൾക്കുള്ള ഒരു സുരക്ഷാ വല എന്ന നിലയിലെങ്കിലും).

1. ടൈംസ് ന്യൂ റോമൻ

സാൻസ് സെരിഫ് ഫോണ്ടുകൾക്ക് ഏരിയൽ ചെയ്യുന്ന അതേ റോൾ സെരിഫ് ഫോണ്ടുകൾക്കും നൽകുന്നു. ഇത് ഏറ്റവും ജനപ്രിയമായ ഒന്നാണ് വിൻഡോസ് ഉപകരണങ്ങൾ. ഇത് പഴയ ടൈംസ് ഫോണ്ടിൻ്റെ പുതുക്കിയ പതിപ്പാണ്.

1. സമയങ്ങൾ

സി.എസ്.എസ് സാധാരണ ഫോണ്ട്ടൈംസ് മിക്കവർക്കും പരിചിതമാണ്. പഴയ പത്രങ്ങളിലെ ഇടുങ്ങിയ കോളങ്ങളിൽ ചെറിയ അക്ഷരങ്ങളിൽ പലരും അദ്ദേഹത്തെ ഓർക്കുന്നു. ഒരു പാരമ്പര്യമായി മാറിയ ഏറ്റവും സാധാരണമായ അച്ചടി.

1. കൊറിയർ പുതിയത്

ടൈംസ് ന്യൂ റോമൻ പോലെയുള്ളതും പഴയ ക്ലാസിക്കുകളുടെ ഒരു വകഭേദമായി ഉപയോഗിക്കുന്നതുമാണ്. ഇത് ഒരു മോണോസ്പേസ്ഡ് ഫോണ്ടായി കണക്കാക്കപ്പെടുന്നു. സെരിഫ്, സാൻസ് സെരിഫ് ഫോണ്ടുകളിൽ നിന്ന് വ്യത്യസ്തമായി, അതിൻ്റെ എല്ലാ പ്രതീകങ്ങൾക്കും ഒരേ വീതിയുണ്ട്.

1. കൊറിയർ

മിക്കവാറും എല്ലാ ഉപകരണങ്ങളിലും ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിലും ഫാൾബാക്ക് ആയി ഉപയോഗിക്കുന്ന ഒരു പഴയ ഫിക്സഡ്-വിഡ്ത്ത് ഫോണ്ട്.

1. വെർദാന

വെർദാനയെ ഒരു യഥാർത്ഥ വെബ് ഫോണ്ടായി കണക്കാക്കാം ( യഥാർത്ഥ വെബ് ഫോണ്ട്) സെരിഫുകളായി പ്രവർത്തിക്കുന്ന ലളിതമായ വരികൾക്കും വലിയ വലുപ്പത്തിനും നന്ദി. അതിൻ്റെ അക്ഷരങ്ങൾ ചെറുതായി നീളമേറിയതാണ്, അതിനാൽ അവ സ്ക്രീനിൽ വായിക്കാൻ എളുപ്പമാണ്.

1. ജോർജിയ

സാധാരണ വെബ് ഫോണ്ടായ ജോർജിയ വെർദാന ഫോണ്ടിൻ്റെ ആകൃതിയിലും വലുപ്പത്തിലും സമാനമാണ്. ഇതിൻ്റെ പ്രതീകങ്ങൾ ഒരേ വലിപ്പത്തിലുള്ള മറ്റ് ഫോണ്ടുകളേക്കാൾ വലുതാണ്. എന്നാൽ ഇത് മറ്റുള്ളവരുമായി സംയോജിച്ച് ഉപയോഗിക്കാതിരിക്കുന്നതാണ് നല്ലത്. അതേ ടൈംസ് ന്യൂ റോമൻ താരതമ്യത്തിൽ ഒരു കുള്ളനെപ്പോലെയാണ്.

1. പാലറ്റിനോ

നവോത്ഥാന കാലഘട്ടത്തിലാണ് പാലറ്റിനോയുടെ തുടക്കം. തമാശകളൊന്നുമില്ല. വെബിന് അനുയോജ്യമായ മറ്റൊരു വലിയ ഫോണ്ടാണിത്. തലക്കെട്ടുകളിലും പരസ്യങ്ങളിലും ഇത് സാധാരണയായി ഉപയോഗിക്കുന്നു.

1. ഗാരമണ്ട്

പതിനാറാം നൂറ്റാണ്ടിൽ പാരീസിൽ പ്രത്യക്ഷപ്പെട്ട മറ്റൊരു പുരാതന ഫോണ്ട്. ഇതിൻ്റെ പുതിയതും മെച്ചപ്പെടുത്തിയതുമായ പതിപ്പ് മിക്ക വിൻഡോസ് ഉപകരണങ്ങളിലും സ്റ്റാൻഡേർഡ് ആയി വരുന്നു. പിന്നീട്, ഈ ഫോണ്ട് മറ്റ് ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങൾ സ്വീകരിച്ചു.

1. ബുക്ക്മാൻ

ബുക്ക്മാൻ ( അല്ലെങ്കിൽ ബുക്ക്മാൻ ഓൾഡ് സ്റ്റൈൽ) - അതിലൊന്ന് മികച്ച സ്റ്റാൻഡേർഡ് ഫോണ്ടുകൾതലക്കെട്ടുകൾക്കായി. ചെറിയ വലിപ്പം ഉപയോഗിക്കുമ്പോൾ പോലും വായനാക്ഷമതയാണ് ഇതിൻ്റെ സവിശേഷത.

1. കോമിക് സാൻസ് എം.എസ്

കോമിക് സാൻസ് എംഎസ് സെരിഫ് ഫോണ്ടുകൾക്കുള്ള രസകരമായ ഒരു ബദലാണ്.

1. ട്രെബുഷെറ്റ് എം.എസ്

തൊണ്ണൂറുകളുടെ മധ്യത്തിൽ മൈക്രോസോഫ്റ്റ് വികസിപ്പിച്ചെടുത്ത മധ്യകാല-തീം ഫോണ്ടാണിത്. ഇത് വിൻഡോസ് എക്സ്പിയിൽ ഉപയോഗിച്ചിരുന്നു. ഇന്ന്, പ്രധാന പാഠം രചിക്കാൻ ഇത് ഉപയോഗിക്കുന്നു.

ഈ ലേഖനത്തിൽ, വിൻഡോസ് 7-ലെ ഫോണ്ടുകളുടെ തെറ്റായ ഡിസ്പ്ലേയുമായുള്ള പ്രശ്നത്തിനുള്ള എൻ്റെ പരിഹാരം ഞാൻ പങ്കിടും, അത് ആവശ്യമാണ് ലെ എല്ലാ സ്റ്റാൻഡേർഡ് ഫോണ്ടുകളുടെയും പുനഃസ്ഥാപനംവിൻഡോസ് 7. ചോദ്യത്തിൻ്റെ പശ്ചാത്തലം ഇതാണ്: ഞാൻ അടുത്തിടെ ഒരു ഗ്രാഫിക്സ് എഡിറ്ററിൽ ഉപയോഗിക്കുന്നതിന് പുതിയ ഒറിജിനൽ ഫോണ്ടുകൾക്കായി തിരയുകയായിരുന്നു, ഞാൻ അവയിൽ ഒരു കൂട്ടം മുഴുവൻ ഡൗൺലോഡ് ചെയ്തു, എന്നാൽ സിസ്റ്റത്തിലേക്ക് ഒരു പുതിയ ഫോണ്ട് ചേർക്കുമ്പോൾ, ഒരു ഫോണ്ട് ഉണ്ടെങ്കിൽ അത് ഞാൻ ശ്രദ്ധിച്ചു. പൊരുത്തപ്പെടുത്തുക, യഥാർത്ഥ ഫോണ്ട് പുതിയൊരെണ്ണം ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നു (വിൻഡോസ് 7 ൽ ഫോണ്ടുകൾ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം എന്നതിനെക്കുറിച്ചുള്ള നിർദ്ദേശങ്ങൾ). ഈ പ്രവർത്തനത്തിൻ്റെ ഫലമായി, എനിക്ക് അപരിചിതമായ ഭാഷകളിൽ സംസാരിക്കുന്നതിനാൽ, സിസ്റ്റം പാനലുകളുടെയും ആപ്ലിക്കേഷനുകളുടെയും പകുതിയിൽ പ്രവർത്തിക്കുന്നത് അസാധ്യമായിത്തീർന്നു :).

" എന്നതിനായുള്ള ഒരു ദ്രുത ഗൂഗിൾ തിരയൽ സിസ്റ്റം ഫോണ്ടുകൾ പുനഃസ്ഥാപിക്കുകവിൻഡോസ് 7" ഒപ്പം " എന്നതിനായുള്ള സ്റ്റാൻഡേർഡ് ഫോണ്ടുകൾവിൻഡോസ് 7", കൂടുതൽ ഫലം നൽകിയില്ല, നിർദ്ദിഷ്ട പരിഹാരങ്ങൾ fkb-നെ സഹായിച്ചില്ല (സ്വാഭാവികമായും, സിസ്റ്റം വീണ്ടും ഇൻസ്റ്റാൾ ചെയ്യുന്നത് എനിക്ക് അനുയോജ്യമല്ല). അതിനാൽ, ഞാൻ എൻ്റേതായ വഴിക്ക് പോകാൻ തീരുമാനിച്ചു, ആരംഭിക്കുന്നതിന്, അറിയപ്പെടുന്ന ഒരു സാധാരണ സിസ്റ്റത്തിൽ നിന്ന് യഥാർത്ഥ ഫോണ്ടുകൾ പകർത്തി (ഫോണ്ടുകൾ ഡയറക്‌ടറിയിൽ സംഭരിച്ചിട്ടുണ്ടെന്ന് ഞാൻ നിങ്ങളെ ഓർമ്മിപ്പിക്കട്ടെ. %windir%\fonts) കൂടാതെ എൻ്റെ സിസ്റ്റത്തിലെ ഫോണ്ടുകൾ അവ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിച്ചു. പരിഹാരം ഭാഗികമായി മാത്രമേ സഹായിച്ചിട്ടുള്ളൂ, സിസ്റ്റത്തിൽ പ്രവർത്തിക്കാൻ സാധിച്ചു, എൻ്റെ നേറ്റീവ് സിറിലിക് പ്രതീകങ്ങൾ പ്രത്യക്ഷപ്പെട്ടു, പക്ഷേ ഫോണ്ട് പാരാമീറ്ററുകൾ ആവശ്യമുള്ളവ അവശേഷിപ്പിച്ചു. ഒന്നാമതായി, ചില ഫോണ്ടുകളുടെ വലുപ്പം മാറിയിരിക്കുന്നു, അല്ലെങ്കിൽ അവയുടെ എഴുത്ത് ഇനി ഒറിജിനലുമായി പൊരുത്തപ്പെടുന്നില്ല, അല്ലെങ്കിൽ ചില കാരണങ്ങളാൽ ഫോണ്ട് ബോൾഡ് ആയി.

എന്നിരുന്നാലും, ഈ പ്രശ്നം എങ്ങനെ മറികടക്കാമെന്ന് ഞാൻ കണ്ടുപിടിച്ചു. ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ രജിസ്ട്രിയിലെ ഫോണ്ട് ക്രമീകരണങ്ങൾ പുനഃസജ്ജമാക്കേണ്ടതുണ്ട്, അതിനായി ചുവടെ അറ്റാച്ചുചെയ്തിരിക്കുന്ന ഫയൽ ഡൗൺലോഡ് ചെയ്യുക, ഇത് Windows 7-ലെ സ്റ്റാൻഡേർഡ് ഫോണ്ടുകൾക്കായുള്ള അസോസിയേഷനുകൾ പുനഃസ്ഥാപിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങൾക്ക് ഇത് ഡൗൺലോഡ് ചെയ്യാം:

ഈ ഫയൽ രജിസ്ട്രി പുഴയുടെ കയറ്റുമതി ചെയ്ത ഉള്ളടക്കങ്ങളെ പ്രതിനിധീകരിക്കുന്നു HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts Win 7-ൽ. ഈ .reg ഫയൽ പ്രയോഗിച്ചതിന് ശേഷം, സിസ്റ്റം റീബൂട്ട് ചെയ്യേണ്ടതുണ്ട്, ഇതാ! ഫോണ്ടുകളുടെ പ്രശ്നം അപ്രത്യക്ഷമാകണം!

ആ. വിൻഡോസ് 7-ൽ സ്റ്റാൻഡേർഡ് സിസ്റ്റം ഫോണ്ടുകൾ പുനഃസ്ഥാപിക്കാൻ എന്നെ സഹായിച്ച ക്രമം ഇതാണ്:

• %windir%\fonts ഡയറക്‌ടറിയിലെ ഫോണ്ടുകൾക്ക് പകരം "ക്ലീൻ" സിസ്റ്റത്തിൽ നിന്നുള്ള ഫോണ്ടുകൾ
• കയറ്റുമതി രജിസ്ട്രി ബ്രാഞ്ച് HLM\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts

നിങ്ങളുടെ ഫോണ്ടുകളും തകരാറിലാണെങ്കിൽ, ഈ പരിഹാരം നിങ്ങളെയും സഹായിക്കുമെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു. ഏത് സാഹചര്യത്തിലും, നിങ്ങളുടെ സാഹചര്യത്തിൽ സഹായിച്ച ഒരു ബദൽ രീതി നിങ്ങൾ കണ്ടെത്തുകയാണെങ്കിൽ, അഭിപ്രായങ്ങളിൽ പങ്കിടാൻ മടിക്കരുത്. സിദ്ധാന്തത്തിൽ, ആവശ്യമുള്ള ഫോണ്ട് ആകസ്മികമായി ഇല്ലാതാക്കിയ സന്ദർഭങ്ങളിലും നിർദ്ദേശങ്ങൾ അനുയോജ്യമാണ്, അത് കണ്ടെത്തി തിരികെ പകർത്തിയ ശേഷം, തകരാറുകൾ അപ്രത്യക്ഷമാകില്ല.

പി.എസ്. നിങ്ങളുടെ കയ്യിൽ വൃത്തിയുള്ള Windows 7 ഇല്ലെങ്കിൽ, നിങ്ങൾക്ക് ഇവിടെ സാധാരണ ഫോണ്ടുകളുള്ള ഒരു ആർക്കൈവ് ഡൗൺലോഡ് ചെയ്യാം: http://narod.ru/disk/52061075001.99f42303cf1a0ac70dc978dd20406657/original_fonts.zip.html, ആർക്കൈവ് വലുപ്പം ഏകദേശം 350 MB ആണ്.

ഒരു ലേഔട്ട് സൃഷ്ടിക്കാൻ തുടങ്ങുമ്പോൾ, പേജിൽ ഉപയോഗിക്കുന്ന ഫോണ്ടുകൾ നിങ്ങൾ CSS-ൽ പ്രത്യേകം വ്യക്തമാക്കേണ്ടതുണ്ട്. പലപ്പോഴും, വ്യത്യസ്ത ഫോണ്ടുകളിൽ, ഡിസൈനർ പേജിൻ്റെ പ്രധാന വാചകം മാത്രമല്ല, വിവിധ തലക്കെട്ടുകൾ, ലോഗോകൾ, മോണോഗ്രാമുകൾ എന്നിവയും ടൈപ്പ് ചെയ്യുന്നു:

ഒരു പേജ് പ്രദർശിപ്പിക്കുന്നതിന് ഉപയോക്താവിൻ്റെ കമ്പ്യൂട്ടറിൽ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുള്ള ഫോണ്ടുകൾ മാത്രമേ ബ്രൗസറിന് ഉപയോഗിക്കാനാകൂ എന്ന് ഒരു നല്ല ലേഔട്ട് ഡിസൈനർ പോലെയുള്ള ഒരു നല്ല ഡിസൈനർക്ക് അറിയാം. അതായത്, ഫോണ്ടുകളെ രണ്ട് വിഭാഗങ്ങളായി തിരിക്കാം:

1. ഭൂരിഭാഗം ഉപയോക്താക്കളും പ്രശ്നങ്ങളില്ലാതെ പ്രദർശിപ്പിക്കുന്ന ഫോണ്ടുകൾ.
2. ഒരു സാമാന്യം വലിയൊരു കൂട്ടം ഉപയോക്താക്കൾ ഇല്ലാത്ത ഫോണ്ടുകൾ.

ഡിസൈനർ സൃഷ്ടിക്കാൻ രണ്ടാമത്തെ വിഭാഗത്തിൻ്റെ ഫോണ്ടുകൾ ഉപയോഗിച്ചിട്ടുണ്ടെങ്കിൽ, ഉദാഹരണത്തിന്, ഒരു ലോഗോ അല്ലെങ്കിൽ വലിയ സ്റ്റാറ്റിക് തലക്കെട്ടുകൾ, നിങ്ങൾക്ക് സാങ്കേതികത ഉപയോഗിക്കാൻ മടിക്കേണ്ടതില്ല. ഈ സാങ്കേതികവിദ്യ ഉപയോഗിക്കുന്നതിൻ്റെ പോരായ്മ വഴക്കമില്ലായ്മയാണ്. വാചകത്തിൽ മാറ്റങ്ങളുണ്ടെങ്കിൽ, നിങ്ങൾ ചിത്രം വീണ്ടും ചെയ്യുകയും CSS മാറ്റുകയും വേണം (ഉദാഹരണത്തിന്, പുതിയ ചിത്രത്തിൻ്റെ അളവുകൾ പഴയതുമായി പൊരുത്തപ്പെടുന്നില്ലെങ്കിൽ).

ടെക്നിക് ഉപയോഗിക്കുന്നതിൻ്റെ അപകടം ടെക്സ്റ്റ് മാറ്റാനുള്ള സാധ്യതയെ ആശ്രയിച്ചിരിക്കുന്നുവെന്ന് നമുക്ക് പറയാം. അതിനാൽ, ഉദാഹരണത്തിന്, ഒരു പേജിൻ്റെ പൊതുവായ വാചകം നിലവാരമില്ലാത്ത ഫോണ്ടുകളിൽ എഴുതാൻ കഴിയില്ല! കഴിവുള്ള ഒരു ഡിസൈനർ ഒരിക്കലും ഇത് ചെയ്യില്ല. ഡിസൈനർ പച്ചനിറത്തിലുള്ള ഒന്ന് കാണുകയാണെങ്കിൽ, ഒരു നല്ല ലേഔട്ട് ഡിസൈനർ തൻ്റെ തെറ്റ് തിരുത്താൻ ബാധ്യസ്ഥനാണ് - ലേഔട്ടിൽ, ഈ ഫോണ്ടിനെ ഏറ്റവും സമാനമായ സ്റ്റാൻഡേർഡ് ഒന്ന് ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക.

എന്നാൽ ആദ്യ ഗ്രൂപ്പിൻ്റെ ഫോണ്ടുകളെ രണ്ടാമത്തേതിൽ നിന്ന് എങ്ങനെ വേർതിരിച്ചറിയാൻ കഴിയും? നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ നേരിട്ട് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുള്ള ഒരു കൂട്ടം ഫോണ്ടുകളെ നിങ്ങൾക്ക് ആശ്രയിക്കാനാവില്ലെന്ന് വ്യക്തമാണ്! നമുക്ക് അത് കണ്ടുപിടിക്കാം.

സ്റ്റാൻഡേർഡ് ഫോണ്ടുകൾ

സ്റ്റാൻഡേർഡ് ഫോണ്ടുകൾ ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിൽ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുള്ള ഒരു കൂട്ടം ഫോണ്ടുകളാണ്. ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങൾ വ്യത്യസ്തമായതിനാൽ, അവയുടെ ഫോണ്ടുകളുടെ സെറ്റ് വ്യത്യസ്തമാണ്. വിൻഡോസിൻ്റെ വ്യത്യസ്ത പതിപ്പുകൾക്കുള്ള സ്റ്റാൻഡേർഡ് ഫോണ്ടുകളുടെ ഒരു ലിസ്റ്റ് കാണാം, ഉദാഹരണത്തിന്, സ്റ്റാൻഡേർഡ് വിൻഡോസ് ഫോണ്ടുകൾ എന്ന ലേഖനത്തിൽ, കൂടാതെ Mac OS-ൽ ഉൾപ്പെടുത്തിയിരിക്കുന്ന ഫോണ്ടുകളുടെ പേജിലെ സ്റ്റാൻഡേർഡ് Mac OS ഫോണ്ടുകളുടെ ഒരു ലിസ്റ്റ്. Unix/Linux ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളെ സംബന്ധിച്ചിടത്തോളം, അവയ്ക്ക് ഒരൊറ്റ സെറ്റ് ഫോണ്ടുകളില്ല. പല ലിനക്സ് ഉപയോക്താക്കളും DejaVu ഫോണ്ട് സെറ്റ് ഉപയോഗിക്കുന്നു, പ്രത്യേകിച്ച് ഉബുണ്ടുവിൽ അവ സ്ഥിരസ്ഥിതിയായി ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്. http://www.codestyle.org-ൽ നിന്നുള്ള സ്ഥിതിവിവരക്കണക്കുകൾ പ്രകാരം, പല Unix/Linux ഉപയോക്താക്കൾക്കും URW, Free, മറ്റ് ഫോണ്ട് സെറ്റുകൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്. ഇതേ സ്ഥിതിവിവരക്കണക്കുകൾ പ്രകാരം, 60% യുണിക്സ്/ലിനക്സ് ഉപയോക്താക്കൾക്കും അവരുടെ കമ്പ്യൂട്ടറിൽ വെബ് സെറ്റിനുള്ള കോർ ഫോണ്ടുകളിൽ നിന്നുള്ള ഫോണ്ടുകൾ ഉണ്ട്, ഇത് 2002 വരെ മൈക്രോസോഫ്റ്റ് വെബ്സൈറ്റിൽ സൗജന്യ ഡൗൺലോഡിന് ഔദ്യോഗികമായി ലഭ്യമായിരുന്നു.

ഡിസൈനർ ഉദ്ദേശിച്ചതുപോലെ പേജ് പ്രദർശിപ്പിക്കുന്നതിന്, ഏത് ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിലും, CSS പ്രോപ്പർട്ടിയിൽ കോമകളാൽ വേർതിരിച്ച നിരവധി ഫോണ്ടുകൾ വ്യക്തമാക്കാൻ കഴിയും.

ഈ പ്രോപ്പർട്ടി ഫോണ്ട് കുടുംബനാമങ്ങൾ കൂടാതെ/അല്ലെങ്കിൽ ജനറിക് കുടുംബനാമങ്ങളുടെ മുൻഗണനാ ലിസ്റ്റ് വ്യക്തമാക്കുന്നു. CSS2 സ്പെസിഫിക്കേഷൻ അനുസരിച്ച്, രണ്ട് തരം ഫോണ്ട് കുടുംബനാമങ്ങളുണ്ട്:

1. നിങ്ങൾ തിരഞ്ഞെടുക്കുന്ന ഫോണ്ട് കുടുംബപ്പേര്. ഉദാഹരണത്തിന്, "ടൈംസ് ന്യൂ റോമൻ", "ഏരിയൽ" എന്നിവയും മറ്റുള്ളവയും. സ്‌പെയ്‌സുകൾ അടങ്ങിയ കുടുംബനാമങ്ങൾ ഉദ്ധരണി ചിഹ്നങ്ങളിൽ ഉൾപ്പെടുത്തിയിരിക്കണം. ഉദ്ധരണികൾ നഷ്‌ടപ്പെട്ടാൽ, ഫോണ്ട് നാമത്തിന് മുമ്പും ശേഷവുമുള്ള ഏതെങ്കിലും സ്‌പെയ്‌സ് പ്രതീകങ്ങൾ അവഗണിക്കപ്പെടും, കൂടാതെ ഫോണ്ട് നാമത്തിനുള്ളിലെ സ്‌പെയ്‌സിൻ്റെ ഏത് ശ്രേണിയും ഒരൊറ്റ സ്‌പെയ്‌സിലേക്ക് പരിവർത്തനം ചെയ്യപ്പെടും.
2. സാധാരണ (സാധാരണ) കുടുംബം. സ്പെസിഫിക്കേഷൻ ഇനിപ്പറയുന്ന ജനറിക് കുടുംബങ്ങളെ നിർവചിക്കുന്നു:
   • സെരിഫ് - അറ്റത്ത് സെരിഫുകളുള്ള ഫോണ്ടുകൾ;
   • sans-serif - sans-serif ഫോണ്ടുകൾ;
   • കഴ്‌സീവ് - ഇറ്റാലിക് ഫോണ്ടുകൾ;
   • ഫാൻ്റസി - അലങ്കാര ഫോണ്ടുകൾ;
   • മോണോസ്പേസ് - മോണോസ്പേസ് ഫോണ്ട് (ഒരേ വീതിയുള്ള അക്ഷരങ്ങളോടെ).
   കുല കുടുംബനാമങ്ങൾ കീവേഡുകളാണ്, അവ ഉദ്ധരണി ചിഹ്നങ്ങളിൽ ഉൾപ്പെടുത്തേണ്ടതില്ല.

അങ്ങനെ, ഡിസൈനിനായി, OS Windows-ൽ നിന്നുള്ള ഒരു സാധാരണ ഫോണ്ട് എടുക്കുന്നു, Mac OS-നും Unix/Linux-നും സമാനമായ ഒന്ന് തിരഞ്ഞെടുത്തു, ഒരു സാധാരണ ഫോണ്ട് ഫാമിലി വ്യക്തമാക്കിയിരിക്കുന്നു, നിങ്ങൾ പൂർത്തിയാക്കി.

എന്നാൽ അത് അത്ര ലളിതമല്ല. നമുക്ക് കൂടുതൽ വിശദമായി കുഴിക്കാം.

വെബ് സുരക്ഷിത ഫോണ്ടുകൾ കണ്ടെത്തുന്നു

ഇൻ്റർനെറ്റിൽ, "സുരക്ഷിത" വെബ് ഫോണ്ടുകൾ എന്ന ആശയം ചരിത്രപരമായി വികസിപ്പിച്ചെടുത്തിട്ടുണ്ട്. എല്ലാ ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങൾക്കും സ്റ്റാൻഡേർഡ് ആയ ഒരു ഫോണ്ട് ആണ് സുരക്ഷിത ഫോണ്ട്. അത്തരമൊരു അവസ്ഥയെക്കുറിച്ച് ഒരാൾക്ക് സ്വപ്നം കാണാൻ മാത്രമേ കഴിയൂ എന്നതിനാൽ തികച്ചും സുരക്ഷിതമായ ഫോണ്ടുകളൊന്നുമില്ല!

ചില റിസർവേഷനുകൾ ഉപയോഗിച്ച് ചില ഫോണ്ടുകളെ സുരക്ഷിതമെന്ന് വിളിക്കാം.

"സുരക്ഷിത" ഫോണ്ടുകൾ നിർവചിക്കുന്നതിനുള്ള അടിസ്ഥാനം ഏറ്റവും സാധാരണമായ വിൻഡോസ് ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിൻ്റെ ഫോണ്ടുകളാണ്, അവ മറ്റ് ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിലും ഉപയോഗിക്കുന്നു. അത്തരം ഉപയോഗത്തിൻ്റെ ഒരു ഉദാഹരണം വെബ് ഫോണ്ട് പാക്കേജിനായി ഇതിനകം സൂചിപ്പിച്ച കോർ ഫോണ്ടുകളാണ്, സ്ഥിതിവിവരക്കണക്കുകൾ പ്രകാരം, നിരവധി Unix/Linux ഉപയോക്താക്കൾ ഇത് ഡൗൺലോഡ് ചെയ്തിട്ടുണ്ട്.

ഈ പാക്കേജിൽ ഇനിപ്പറയുന്ന ഫോണ്ടുകൾ ഉൾപ്പെടുന്നു: ആൻഡേൽ മോണോ, ഏരിയൽ ബ്ലാക്ക്, ഏരിയൽ, കോമിക് സാൻസ് എംഎസ്, കൊറിയർ ന്യൂ, ജോർജിയ, ഇംപാക്റ്റ്, ടൈംസ് ന്യൂ റോമൻ, ട്രെബുചെറ്റ് എംഎസ്, വെർദാന, വെബ്ഡിംഗുകൾ. അവയെല്ലാം സിറിലിക് അക്ഷരമാലയെ പിന്തുണയ്ക്കുന്നു, ഇത് റണ്ണറ്റിന് പ്രധാനമാണ്.

Mac OS X-നൊപ്പം സ്റ്റാൻഡേർഡ് വരുന്ന ഫോണ്ടുകളുടെ സെറ്റിൽ (Mac OS ഉപയോക്താക്കൾക്കിടയിൽ ഏറ്റവും വ്യാപകമായി ഉപയോഗിക്കുന്നതാണ് ഈ OS) വെബ് സെറ്റിനുള്ള കോർ ഫോണ്ടുകളിൽ നിന്നുള്ള എല്ലാ ഫോണ്ടുകളും ഉൾപ്പെടുന്നു.

അതിനാൽ, മറ്റ് ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിൽ ഉപയോഗിക്കുന്ന വിൻഡോസ് ഫോണ്ടുകളെ അടിസ്ഥാനമാക്കി, "സുരക്ഷിതം" എന്ന് വിളിക്കപ്പെടുന്ന വെബ് ഫോണ്ടുകളുടെ ഇനിപ്പറയുന്ന ലിസ്റ്റ് രൂപീകരിച്ചു:

• ഏരിയൽ
• ഏരിയൽ ബ്ലാക്ക്
• കോമിക് സാൻസ് എം.എസ്
• കൊറിയർ പുതിയത്
• ജോർജിയ
• ആഘാതം
• ടൈംസ് ന്യൂ റോമൻ
• ട്രെബുഷെറ്റ് എം.എസ്
• വെർദാന

Webdings ഫോണ്ടിൽ ഐക്കണുകൾ അടങ്ങിയിരിക്കുന്നു, ഉള്ളടക്കത്തിനായി ഉപയോഗിക്കാൻ കഴിയില്ല. ദൈനംദിന സ്‌ക്രീൻ വായനയ്‌ക്ക് അനുയോജ്യമല്ലാത്തതിനാലും എല്ലാ വിൻഡോസ് ഉപയോക്താക്കൾക്കും ഇത് ഇല്ലാത്തതിനാലും ആൻഡേൽ മോണോ വ്യാപകമായി ഉപയോഗിക്കപ്പെടുന്നില്ല.

എല്ലാ Windows, Mac OS X ഉപയോക്താവിനും, ഭൂരിപക്ഷം വരുന്ന Unix/Linux ഉപയോക്താക്കൾക്കും (അതായത്, വെബ് പാക്കേജിനായി കോർ ഫോണ്ടുകൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുള്ളവർ) ഈ ഫോണ്ടുകളെല്ലാം ഉണ്ട്.

എന്നാൽ ബാക്കിയുള്ളവരുടെ കാര്യമോ? എല്ലാത്തിനുമുപരി, ഡിസൈനറുടെ പ്ലാൻ കഴിയുന്നത്ര ഉപയോക്താക്കൾ കാണണമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കുന്നു!

പ്രസിദ്ധീകരണത്തിൻ്റെ രണ്ടാം ഭാഗത്തിൽ ഇതിനെക്കുറിച്ച് വായിക്കുക.

ഒരു വെബ്‌സൈറ്റിൻ്റെ രൂപകല്പനയുടെ അവിഭാജ്യവും വളരെ പ്രധാനപ്പെട്ടതുമായ ഭാഗമാണ് ഫോണ്ടുകൾ, അതിൻ്റെ വ്യക്തിത്വത്തെ ഊന്നിപ്പറയുന്നു. ഒരു വെബ് പേജിലേക്ക് സ്റ്റാൻഡേർഡ് ഫോണ്ടുകൾ ബന്ധിപ്പിക്കുന്നതിനെക്കുറിച്ച് ലേഖനം സംസാരിക്കും, അവയെ സിസ്റ്റം ഫോണ്ടുകൾ എന്നും വിളിക്കുന്നു.

സിസ്റ്റം, സ്റ്റാൻഡേർഡ്, സുരക്ഷിത ഫോണ്ടുകൾ

ഏതൊരു ബ്രൗസറും കമ്പ്യൂട്ടറിൻ്റെ ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിൽ ഉള്ള ഫോണ്ടുകൾ മാത്രമേ പ്രദർശിപ്പിക്കുകയുള്ളൂ. അതുകൊണ്ടാണ് അവയെ സിസ്റ്റം വൺസ് എന്ന് വിളിക്കുന്നത് കൂടാതെ ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിനൊപ്പം സ്ഥിരസ്ഥിതിയായി ഇൻസ്റ്റാൾ ചെയ്യപ്പെടുന്നു.

മിക്ക വെബ്‌സൈറ്റ് സന്ദർശകരുടെയും ബ്രൗസറിൽ അവ പ്രദർശിപ്പിക്കാൻ സാധ്യതയുള്ളതിനാൽ അവയെ സുരക്ഷിത ഫോണ്ടുകൾ എന്ന് വിളിക്കുന്നു.

എന്നാൽ വ്യത്യസ്ത ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിൽ വ്യത്യസ്ത ഫോണ്ടുകൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട് എന്നതാണ് പ്രശ്നം. വിൻഡോസ്, മാക് ഒഎസ് എന്നിവയുടെ ഔദ്യോഗിക പേജുകളിൽ ഓപ്പറേറ്റിംഗ് സിസ്റ്റത്തിനൊപ്പം വിതരണം ചെയ്ത ഫോണ്ടുകളുടെ സെറ്റുകൾ നിങ്ങൾക്ക് കാണാൻ കഴിയും. കൂടാതെ Unix/Linux-ൽ സ്റ്റാൻഡേർഡ് സെറ്റ് ഒന്നുമില്ല.

ഡിസൈനറുടെ ആശയത്തിന് അനുസൃതമായി ഇൻ്റർനെറ്റ് പേജ് പ്രദർശിപ്പിക്കുന്നതിന്, സിഎസ്എസിൽ ഫോണ്ട് ഫാമിലി എന്ന ഒരു ഫോണ്ട് പ്രോപ്പർട്ടി ഇൻസ്റ്റാൾ ചെയ്തു.

ഫോണ്ട്-കുടുംബ സ്വത്ത്

ഫോണ്ട് ഫാമിലി പ്രോപ്പർട്ടി എന്നത് ചില സ്വഭാവസവിശേഷതകളാൽ ഗ്രൂപ്പുചെയ്‌ത ഫോണ്ട് ഫാമിലികളാണ്.

സാധാരണ കുടുംബങ്ങൾ:

• സെരിഫ് - അറ്റത്ത് സെരിഫുകളുള്ള ഫോണ്ടുകൾ;
• sans-serif - sans-serif ഫോണ്ടുകൾ;
• കഴ്‌സീവ് - ഇറ്റാലിക് ഫോണ്ടുകൾ;
• ഫാൻ്റസി - അലങ്കാര ഫോണ്ടുകൾ;
• മോണോസ്പേസ് - മോണോസ്പേസ് ഫോണ്ട് (ഒരേ വീതിയുള്ള അക്ഷരങ്ങളോടെ).

ഈ രീതിയിൽ, വ്യത്യസ്ത ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളിൽ നിന്നുള്ള സമാന ഫോണ്ടുകൾ തിരഞ്ഞെടുത്ത് കോമകളാൽ വേർതിരിച്ച ഇൻ്റർനെറ്റ് പേജിലേക്ക് കണക്റ്റുചെയ്യുന്നു.

വിഷ്വൽ പെർസെപ്ഷനു വേണ്ടിയുള്ള ഒരു ഉദാഹരണം ഇതാ. ഫോണ്ടുകൾ നേരിട്ട് ബന്ധിപ്പിക്കുന്നത് പരിഗണിക്കുമ്പോൾ ഞങ്ങൾ പിന്നീട് ഈ ഉദാഹരണത്തിലേക്ക് മടങ്ങും.

യുക്തി പിന്തുടരുക, എല്ലാം വ്യക്തമാകും.

ബോഡി (ഫോണ്ട് ഫാമിലി: ഏരിയൽ, "ഹെൽവെറ്റിക്ക സിവൈ", "നിംബസ് സാൻസ് എൽ", സാൻസ്-സെരിഫ്; ) എന്താണ് എഴുതിയതെന്ന് നമുക്ക് വിശകലനം ചെയ്യാം:

• OS വിൻഡോസ് - ഏരിയൽ;
• OC Mac OS - ഹെൽവെറ്റിക്ക CY;
• OC Unix/Linux - Nimbus Sans L;
• ജനറിക് ഫാമിലി - sans-serif.

സുരക്ഷിത ഫോണ്ടുകൾ എന്ന് വിളിക്കപ്പെടുന്നവ

OS വിൻഡോസ് അടിസ്ഥാനമാക്കി, നിരവധി സുരക്ഷിത ഫോണ്ടുകളുടെ ഒരു ലിസ്റ്റ് സമാഹരിച്ചിരിക്കുന്നു.

1. ഏരിയൽ
2. ഏരിയൽ ബ്ലാക്ക്
3. കോമിക് സാൻസ് എം.എസ്
4. കൊറിയർ പുതിയത്
5. ജോർജിയ
6. ആഘാതം
7. ടൈംസ് ന്യൂ റോമൻ
8. ട്രെബുഷെറ്റ് എം.എസ്
9. വെർദാന

ഈ ഫോണ്ടുകളെല്ലാം Mac OS X, Windows എന്നിവയിലും വെബ് പാക്കേജിനായി കോർ ഫോണ്ടുകൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുള്ള നിരവധി Unix/Linux ഉപയോക്താക്കളിലും ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്.

മറ്റ് ഉപയോക്താക്കൾക്കായി, ഒരു കറസ്പോണ്ടൻസ് ടേബിൾ നൽകിയിരിക്കുന്നു. ഒരു പ്രത്യേക കുടുംബത്തിൽ പെട്ട സമാന ഫോണ്ടുകൾ ഇതിൽ അടങ്ങിയിരിക്കുന്നു.

കത്തിടപാടുകളുടെ പട്ടികയും ഒരു നിർദ്ദിഷ്‌ട കുടുംബത്തിലെ ഫോണ്ടുകളുടെ വകയും:

വിൻഡോസ്	Mac OS	Unix/Linux	പൂർവ്വിക കുടുംബം
ഏരിയൽ ബ്ലാക്ക്	ഹെൽവെറ്റിക്ക സി.വൈ.	നിംബസ് സാൻസ് എൽ	സാൻസ്-സെരിഫ്
ഏരിയൽ	ഹെൽവെറ്റിക്ക സി.വൈ.	നിംബസ് സാൻസ് എൽ	സാൻസ്-സെരിഫ്
കോമിക് സാൻസ് എം.എസ്	മൊണാക്കോ CY	* (താഴെ നോക്കുക)	കർസീവ്
കൊറിയർ പുതിയത്	* (താഴെ നോക്കുക)	നിംബസ് മോണോ എൽ	മോണോസ്പേസ്
ജോർജിയ	* (താഴെ നോക്കുക)	സെഞ്ച്വറി സ്കൂൾ ബുക്ക് എൽ	സെരിഫ്
ആഘാതം	കരിക്ക് സി.വൈ.	* (താഴെ നോക്കുക)	സാൻസ്-സെരിഫ്
ടൈംസ് ന്യൂ റോമൻ	ടൈംസ് സി.വൈ.	നിംബസ് റോമൻ നമ്പർ 9 എൽ	സെരിഫ്
ട്രെബുഷെറ്റ് എം.എസ്	ഹെൽവെറ്റിക്ക സി.വൈ.	* (താഴെ നോക്കുക)	സാൻസ്-സെരിഫ്
വെർദാന	ജനീവ സി.വൈ.	ദേജാവു സാൻസ്	സാൻസ്-സെരിഫ്

* ഫോണ്ടുകൾ ബന്ധിപ്പിക്കുമ്പോൾ, നിങ്ങൾക്ക് സുരക്ഷിതമായി അതിൽ ആശ്രയിക്കാം. പട്ടിക സിറിലിക് പ്രതീകങ്ങളെയും റഷ്യൻ അക്ഷരമാലയെയും പിന്തുണയ്ക്കുന്നു.

സൈറ്റിലേക്ക് സിസ്റ്റം ഫോണ്ടുകൾ ബന്ധിപ്പിക്കുന്നു

നിങ്ങൾക്ക് കണക്റ്റുചെയ്യണമെങ്കിൽ മുഴുവൻ പ്രമാണത്തിൻ്റെയും പ്രധാന ഫോണ്ട്, നിങ്ങൾ CSS സ്റ്റൈൽ ഷീറ്റിലേക്ക് ഇനിപ്പറയുന്ന കോഡ് ചേർക്കേണ്ടതുണ്ട്:

ബോഡി ( /* മുഴുവൻ ഡോക്യുമെൻ്റിലേക്കും ഫോണ്ട് ബന്ധിപ്പിക്കുക */ ഫോണ്ട്-ഫാമിലി: ഏരിയൽ, "ഹെൽവെറ്റിക്ക സിവൈ", "നിംബസ് സാൻസ് എൽ", സാൻസ്-സെരിഫ്; /* കൂടാതെ ഫോണ്ട് വലുപ്പം സജ്ജീകരിക്കുക */ ഫോണ്ട് വലുപ്പം: 16px; / * ബോൾഡ്‌നെസ് ഫോണ്ട് സജ്ജീകരിക്കുക, അല്ലെങ്കിൽ 400-ന് പകരം മൂല്യം സജ്ജമാക്കുക - സാധാരണ */ ഫോണ്ട് ഭാരം: 400; )

ബൂട്ട്‌സ്‌ട്രാപ്പ് 4 ചട്ടക്കൂടിൽ സിസ്റ്റം ഫോണ്ടുകൾ ബന്ധിപ്പിക്കുന്നത് ഇങ്ങനെയാണ്: മൊബൈൽ ഉപകരണങ്ങൾ മനസ്സിൽ വെച്ചാണ് ഫോണ്ടുകൾ ഉൾപ്പെടുത്തിയിരിക്കുന്നത്.

ബോഡി ( font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Colour Emoji","Segoe UI Emoji","Segoe UI ചിഹ്നം";

തലക്കെട്ടുകൾക്കായി ഒരു ഫോണ്ട് അസൈൻ ചെയ്യുന്നു

H1, H2, H3, H4, H5, H6 - ഇവിടെയും ഇത് സമാനമാണ്, തലക്കെട്ടുകൾ ഹൈലൈറ്റ് ചെയ്യുന്നതിന് ഞങ്ങൾ ബോൾഡ്‌നെസ് മൂല്യം മാത്രം സജ്ജമാക്കി:

H1, h2, h3, h4, h5, h6 ( font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* തലക്കെട്ടുകളിലേക്ക് ഫോണ്ടിനെ ബന്ധിപ്പിക്കുക */ ഫോണ്ട് ഭാരം: 600; / * ഫോണ്ട് വെയ്റ്റ് സജ്ജീകരിക്കുക, അല്ലെങ്കിൽ 600-ന് പകരം, മൂല്യം ബോൾഡ് ആയി സജ്ജീകരിക്കുക */ )

ഖണ്ഡികകൾക്ക് മാത്രം ഞങ്ങൾ ഒരു ഫോണ്ട് അസൈൻ ചെയ്യുന്നു:

p ( font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-weight: normal; font-size: 16px; ) വരി വരിയായി ഇത് ഇതുപോലെ കാണപ്പെടുന്നു:

1. ഞങ്ങൾ ഫോണ്ട് ഖണ്ഡികകളുമായി ബന്ധിപ്പിക്കുന്നു, ലി ലിസ്റ്റുകൾ, ഡിവി ബ്ലോക്കുകൾ, ഫോമുകൾ, മറ്റ് ഘടകങ്ങൾ എന്നിവയിൽ ഇത് പ്രയോഗിക്കാൻ കഴിയും;
2. ഫോണ്ട് വെയ്റ്റ് സജ്ജീകരിക്കുക, അല്ലെങ്കിൽ 600-ന് പകരം മൂല്യം ബോൾഡായി സജ്ജമാക്കുക;
3. കൂടാതെ, ഖണ്ഡികകൾക്കുള്ള ഫോണ്ട് വലുപ്പം ഞങ്ങൾ സജ്ജമാക്കുന്നു.

ലേക്ക് ഒരു പ്രത്യേക ഖണ്ഡികയ്ക്ക് മാത്രം ഒരു ഫോണ്ട് നൽകുക, അല്ലെങ്കിൽ തടയുക, നിങ്ങൾ ആദ്യം HTML പ്രമാണത്തിലെ ഈ ബ്ലോക്കിലേക്ക് ഒരു ക്ലാസ് നൽകണം:

ഒരു പ്ലഗിൻ ഫോണ്ടുള്ള ഒരു ഖണ്ഡിക ഇതാ

കൂടാതെ CSS പട്ടികയിൽ ഇനിപ്പറയുന്ന കോഡ് എഴുതുക:

പ്രധാന-ഫോണ്ട് (ഫോണ്ട്-ഫാമിലി: ഏരിയൽ, "ഹെൽവെറ്റിക്ക സിവൈ", "നിംബസ് സാൻസ് എൽ", സാൻസ്-സെരിഫ്; ഫോണ്ട്-വെയ്റ്റ്: നോർമൽ; ഫോണ്ട്-സൈസ്: 16px; )

ഇപ്പോൾ, ഓരോ ടാഗിനും - ഒരു .font ക്ലാസ് ഉള്ള ഒരു html ഘടകത്തിന് (നിങ്ങൾക്ക് ഇഷ്ടമുള്ളതെന്തും വിളിക്കുക) ഒരു ഏരിയൽ ഫോണ്ട്, സാധാരണ (400), ബോൾഡ്‌നെസ്, 16 പിക്സൽ വലുപ്പം എന്നിവ നൽകും.
അതുപോലെ, നിങ്ങൾക്ക് ലി ലിസ്റ്റുകൾ, ടേബിളുകൾ, മുഴുവൻ ഡിവി ബ്ലോക്കുകൾ, വ്യക്തിഗത പദങ്ങൾ അല്ലെങ്കിൽ ശൈലികൾ എന്നിവയ്ക്ക് വ്യത്യസ്ത ഫോണ്ടുകൾ നൽകാം.

ഒരു HTML ഡോക്യുമെൻ്റിൽ നേരിട്ട് ഫോണ്ടുകൾ ബന്ധിപ്പിക്കുന്നു

ഒരു CSS ഫയലിൻ്റെ അതേ രീതിയിൽ ഫോണ്ടുകൾ നേരിട്ട് ഒരു HTML പ്രമാണത്തിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്, വ്യത്യാസം വാക്യഘടനയിൽ മാത്രമാണ്. നിങ്ങൾക്ക് പ്രമാണത്തിൻ്റെ തലക്കെട്ടിൽ ഫോണ്ടുകൾ ഉൾപ്പെടുത്താം - ടാഗുകൾക്കിടയിൽ (ഒരു CSS ഫയലിന് സമാനമായത്), അല്ലെങ്കിൽ ഇൻലൈൻ - html ടാഗുകളിലേക്ക് നേരിട്ട് പ്രോപ്പർട്ടികൾ അസൈൻ ചെയ്യുന്നു.

തലക്കെട്ടിലെ ഫോണ്ടുകൾ ഉൾപ്പെടെ, ടാഗുകൾക്കിടയിൽ . ഇത് ചെയ്യുന്നതിന്, html പ്രമാണത്തിലേക്ക് ഇനിപ്പറയുന്ന കോഡ് ചേർക്കുക:

എല്ലാം CSS ഫയലിലെ കണക്ഷന് സമാനമാണ്.

ഫോണ്ടുകൾ ഇൻലൈനിലേക്ക് ബന്ധിപ്പിക്കുന്നു

നേരിട്ട് സൈറ്റ് ഘടകങ്ങളിലേക്ക്. ഞാൻ നിങ്ങൾക്ക് കുറച്ച് ഉദാഹരണങ്ങൾ നൽകട്ടെ:

ഖണ്ഡികയിലേക്ക് ഫോണ്ട് ബന്ധിപ്പിക്കുന്നു

വാചകത്തോടുകൂടിയ ഒരു ഖണ്ഡിക ഇതാ

ഞങ്ങൾ ഒരു പ്രത്യേക വാക്ക് ബോൾഡിൽ ഹൈലൈറ്റ് ചെയ്യുകയും പ്രധാനത്തിൽ നിന്ന് ഒരു പ്രത്യേക ഫോണ്ട് നൽകുകയും ചെയ്യുന്നു

വാചകം ഉള്ള ഒരു ഖണ്ഡിക ഇതാ, ഇതും വാക്ക്, അത് ബോൾഡായി ഹൈലൈറ്റ് ചെയ്യണം

ഞങ്ങൾ ലിങ്ക് ബോൾഡായി ഹൈലൈറ്റ് ചെയ്യുകയും പ്രധാന ഫോണ്ടിൽ നിന്ന് ഒരു പ്രത്യേക ഫോണ്ട് നൽകുകയും ചെയ്യുന്നു

ഇതൊരു സിമ്പിൾ ടെക്‌സ്‌റ്റാണ്.ഇവിടെ ലിങ്കും സിംപിൾ ടെക്‌സ്‌റ്റാണ്.

അതുപോലെ, ഏത് html ടാഗിനും ഞങ്ങൾ ഫോണ്ടുകൾ നൽകുന്നു.

ശ്രദ്ധിക്കുക - ബൂട്ട്സ്ട്രാപ്പ് 4-ലെ സിസ്റ്റം ഫോണ്ടുകൾ

പ്രസിദ്ധമായ ഫ്രെയിംവർക്ക് ബൂട്ട്‌സ്‌ട്രാപ്പ് 4-ൻ്റെ ഡെവലപ്പർമാർ ഫോണ്ടുകളെ ഇനിപ്പറയുന്ന രീതിയിൽ ബന്ധിപ്പിക്കുന്നു, അതുവഴി മിക്കവാറും ഏത് ഉപകരണത്തിനും അതിൻ്റെ സ്റ്റാൻഡേർഡ് സിസ്റ്റം ഫോണ്ടുകൾ ഉപയോഗിക്കാനാകും.

ബോഡി ( font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Colour Emoji", "Segoe UI Emoji", "Segoe UI ചിഹ്നം";