WOFF വെബ് ഓപ്പൺ ഫോണ്ട് ഫോർമാറ്റ്

വെബ് പേജുകളിലെ കസ്റ്റം ഫോണ്ടുകൾ ഉപയോഗിക്കുന്നത്

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

ഇന്ന്, വെബ് പ്രൊഫഷണലുകൾക്ക് പുതിയ ഫോണ്ടുകളുടെ ഒരു ഹോസ്റ്റും പ്രവർത്തിക്കാൻ ഓപ്ഷനുകളും ഉണ്ട്, അവയിൽ ഒന്ന് WOFF ഫോർമാറ്റ് ആണ്.

എന്താണ് WOFF?

"വെബ് ഓപ്പൺ ഫോണ്ട് ഫോർമാറ്റ്" എന്നതിന്റെ ചുരുക്കപ്പേരാണ് WOFF. ഇത് CSS @ font-face ഉപയോഗവുമായി ബന്ധപ്പെടുത്തുന്നതിനായി ഫോണ്ടുകൾ ചുരുക്കാൻ ഉപയോഗിക്കുന്നു. വെബ് പേജുകളിൽ ഫോണ്ടുകൾ ഉൾപ്പെടുത്താൻ കഴിയുന്ന ഒരു മാർഗമാണിത്, അതിലൂടെ പ്രത്യേക "Arial, Times New Roman, Georgia" - നു പുറമെ പ്രത്യേകമായ ഫോണ്ടുകൾ ഉപയോഗിക്കാം - അവ മുൻപ് കൊടുത്തിട്ടുള്ള വെബ് സുരക്ഷിതമായ ഫോണ്ടുകളിൽ ചിലതാണ്.

വെബ് പേജുകൾക്കായി ഫോണ്ടുകൾ പാക്കേജിംഗ് ചെയ്യുന്നതിനുള്ള ഒരു സ്റ്റാൻഡേർഡ് ആയി W3C സമർപ്പിച്ചു. ഇത് നവംബര് 16, 2010 ന് ഒരു കരട് ഡ്രാഫ്റ്റ് ആയി മാറി. ഇന്ന് ഞങ്ങള്ക്ക് WOFF 2.0 ഉണ്ട്, ഇത് ഫോര്മാറ്റിന്റെ ആദ്യത്തെ പതിപ്പില് നിന്ന് 30% വരെ കംപ്രഷന് മെച്ചപ്പെടുത്തുന്നു. ചില കേസുകളിൽ, ഈ സമ്പാദ്യങ്ങൾ കൂടുതൽ സുധീരമാകാം.

എന്തുകൊണ്ട് WOFF ഉപയോഗിക്കണം?

WOFF ഫോർമാറ്റ് വഴി വിതരണം ചെയ്തവ ഉൾപ്പെടെയുള്ള വെബ് ഫോണ്ടുകൾ, മറ്റ് ഫോണ്ട് ചോയ്സുകൾക്ക് ധാരാളം ഗുണങ്ങൾ നൽകുന്നു. ആ വെബ് സുരക്ഷിത ഫോണ്ടുകൾ പോലെ ഉപയോഗപ്രദം, ഞങ്ങളുടെ വേലയിൽ ആ ഫോണ്ടുകൾ ഒരു സ്ഥലം ഇപ്പോഴും തീർച്ചയായും, ഞങ്ങളുടെ തിരഞ്ഞെടുക്കാൻ വിപുലീകരിക്കാൻ ഞങ്ങളുടെ ടൈപ്പ്ographic ഓപ്ഷനുകൾ തുറന്നു നല്ലതാണ്.

WOFF ഫോണ്ടുകൾക്ക് ഇനിപ്പറയുന്ന ഗുണങ്ങൾ ഉണ്ട്:

• അവ ഫോണ്ടുകളേക്കാൾ കൂടുതൽ ആക്സസ് ചെയ്യാവുന്നവയാണ്. നിങ്ങൾക്ക് പ്രവേശനക്ഷമതയും രൂപകൽപ്പന നിയന്ത്രണവും അനുവദിക്കാതെ, CSS ഉള്ള WOFF ശൈലികൾ പ്ലെയിൻ HTML ടെക്സ്റ്റ്.
• WOFF ഫയലുകളിൽ സാന്ദർഭിക രൂപങ്ങൾ, പഴയ ശൈലിയിലുള്ള രൂപങ്ങൾ തുടങ്ങിയ ടൈപ്പ്ഗ്രാഫിക്കൽ വിവരങ്ങൾ ഉൾപ്പെടുന്നു. നിങ്ങളുടെ വെബ് പേജുകൾ മികച്ച ടൈപോഗ്രാഫി നൽകുന്നു, കാരണം നിങ്ങൾ ശരിയായ പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു, വെറും ഏകദേശക്കണക്കുകളാണ്.

• WOFF ഫോണ്ടുകൾ ഇന്റർനാഷണലൈസേഷനുമായി സഹായിക്കും, കാരണം നിങ്ങൾക്ക് മറ്റ് ഭാഷകളിലെ പ്രതീകങ്ങളുമായി ഫോണ്ട് ഉൾച്ചേർക്കാൻ കഴിയും.
• എല്ലാ CSS സ്റ്റൈൽ ചെയ്ത വാചകങ്ങളും പോലെ, WOFF ഉപയോഗിച്ച് ഉള്ള ഫോണ്ട് ശൈലി കൂടുതൽ സെർച്ച് എഞ്ചിൻ സൗഹൃദമാണ്. സെർച്ച് എഞ്ചിനുകൾ ഒരു ഇമേജിൽ എംബെഡ് ചെയ്ത "കാണുന്നില്ല", ALT ടെക്സ്റ്റ് സഹായിക്കുമെങ്കിലും, ടെക്സ്റ്റിന് പകരം മറ്റൊന്നുമില്ല.
• WOFF ഫോണ്ടുകൾ ഞെരുങ്ങി, അതുകൊണ്ട് അവ മറ്റു തരത്തിലുള്ള ഫോണ്ട് ഫയലുകളേക്കാൾ ചെറുതാണ്. സൈറ്റ് ഡൌൺലോഡ് വേഗതയും മൊത്തത്തിലുള്ള പ്രകടനവും ഇത് സഹായിക്കും.
• നിങ്ങളുടെ കോർപ്പറേറ്റ് ഫോണ്ടുകൾ WOFF ഫയലായി ഉൾപ്പെടുത്തി നിങ്ങളുടെ ബ്രാൻഡ് ഐഡന്റിറ്റി സംരക്ഷിക്കാൻ WOFF ഫയലുകൾ ഉപയോഗിക്കാം.

WOFF ബ്രൗസർ പിന്തുണ

ആധുനിക ബ്രൌസറുകളിൽ WOFF മികച്ച ബ്രൗസർ പിന്തുണയുണ്ട്:

• Chrome 6+
• Firefox 3.6+
• ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ 9+
• Opera 11.1+
• സഫാരി 5.1+

ഈ ദിവസം ബോർഡിൽ ഉടനീളം പിന്തുണയ്ക്കുന്നു, ഒപൺ മിനിയുടെ എല്ലാ പതിപ്പുകളും മാത്രമായിരിക്കും ഇത്.

WOFF ഫോണ്ടുകൾ എങ്ങിനെ ഉപയോഗിക്കാം

ഒരു WOFF ഫയൽ ഉപയോഗിക്കുന്നതിന്, ഒരു വെബ്ഫോർ സെർവറിന് ഒരു WOFF ഫയൽ അപ്ലോഡുചെയ്യേണ്ടത് അത് @ font-face വസ്തുവകയാൽ നൽകി, തുടർന്ന് നിങ്ങളുടെ CSS ലെ ഫോണ്ട് കോൾ ചെയ്യുക. ഉദാഹരണത്തിന്:

1. വെബ് സെർവറിലെ / fonts ഡയറക്ടറിയിലേക്ക് myWoffFont.woff എന്ന് വിളിക്കുന്ന ഫോണ്ട് അപ്ലോഡുചെയ്യുക.
2. നിങ്ങളുടെ CSS ഫയലിൽ ഒരു @ font-face വിഭാഗം ചേർക്കുക:

   @ font-face {
   font-family: myWoffFont;
   src: url ('/ fonts / myWoffFont.woff') ഫോർമാറ്റ് ('woff');
   }

1. പുതിയ ഫോണ്ട് നാമം (myWoffFont) നിങ്ങളുടെ CSS ഫോണ്ട് സ്റ്റാക്കിലേക്ക് ചേർക്കുക, നിങ്ങൾ മറ്റേതെങ്കിലും ഫോണ്ട് നാമമായിരിക്കും ചെയ്യുന്നത്:

   p {
   font-family: myWoffFont , Geneva, Arial, ഹെൽവെറ്റിക്ക, സാൻസ് സെരിഫ്;
   }

WOFF ഫോണ്ടുകൾ എവിടെ ലഭിക്കണം

വാണിജ്യപരമല്ലാത്ത വാണിജ്യപരമല്ലാത്ത ഉപയോഗത്തിനായി സ്വതന്ത്രമായ WOFF ഫോണ്ടുകൾ നിങ്ങൾക്ക് കണ്ടെത്താൻ കഴിയുന്ന രണ്ട് മികച്ച സ്ഥലങ്ങൾ ഉണ്ട്:

• ഫോണ്ട് ലൈബ്രറി തുറക്കുക
• ഫോണ്ട് സ്കിറൽ

ഒരു WOFF ഫോർമാറ്റിൽ ലഭ്യമല്ലാത്ത ഒരു ഫോണ്ട് ഉപയോഗിക്കാൻ നിങ്ങൾക്ക് ലൈസൻസ് ഉണ്ടെങ്കിൽ, നിങ്ങളുടെ ഫോണ്ട് ഫയലുകൾ WOFF ഫയലുകളിലേക്ക് പരിവർത്തനം ചെയ്യാൻ നിങ്ങൾക്ക് ഫോണ്ട് Squirrel പോലുള്ള WOFF ക്രിയേറ്ററ് ഉപയോഗിക്കാം. Sfnt2woff എന്ന ഒരു കമാൻഡ് ലൈൻ ടൂൾ ഉണ്ട്, നിങ്ങൾക്ക് മാക്ട്രിഷോ, വിൻഡോസിൽ WOFF ലേക്ക് നിങ്ങളുടെ TrueType / OpenType ഫോണ്ടുകൾ പരിവർത്തനം ചെയ്യാൻ കഴിയും.

നിങ്ങളുടെ സിസ്റ്റത്തിനായി ബൈനറി അനുചിതമായി ഡൌൺലോഡ് ചെയ്ത് കമാൻഡ് ലൈനിൽ (അല്ലെങ്കിൽ ടെർമിനൽ) അത് റൺ ചെയ്ത് നിർദ്ദേശങ്ങൾ പിന്തുടരുക.

WOFF ഉദാഹരണം

WOFF ഫയലുകളുടെ ചില ഉദാഹരണങ്ങൾ ഇവിടെയുണ്ട്: 24 മണിക്കൂറുകളിൽ HTML5- ലെ WOFF പേജ്.

ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 7/11/17 ന്