"ഫോണ്ട്-സ്മൂത്ത്" എന്നാൽ എന്താണ്?
ഈ ട്യൂട്ടോറിയലിനൊപ്പം, CSS പ്രോപ്പർട്ടി ഫോണ്ട്-മിനുസമാർന്ന നിങ്ങളുടെ അറിവ് മെച്ചപ്പെടുത്തുക. എന്താണ് ഈ വസ്തുതയെക്കുറിച്ച് വസ്തുതകൾ മനസ്സിലാക്കുക, എന്തുകൊണ്ട് വെബ് ഡിസൈനർമാർ അത് ഉപയോഗിക്കേണ്ടത് എന്തുകൊണ്ട്.
ഫോണ്ട്-സുഗമമായ ഒരു വിവരണം
എന്തുകൊണ്ടാണ് ഡിസൈനർമാർ ചിലപ്പോൾ ഫോണ്ട്-മിനുസമാർന്ന സ്വത്ത് ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്നത്? പ്രധാനമായും, റെൻഡർ ചെയ്യുമ്പോൾ ആന്റി-അലിയാസിങ്ങ് പ്രയോഗത്തിൽ നിയന്ത്രണം ഏർപ്പെടുത്തുന്നതിന് ഡിസൈനർമാർക്ക് ഇത് നൽകുന്നു.
CSS പതിപ്പിൽ ഫോണ്ട് സ്മൂത്ത്
CSS 3-ൽ ഫോണ്ട്-മിനുസമാർന്ന ഉപയോഗിക്കുക കൂടാതെ താഴെക്കൊടുത്ത ഉദാഹരണത്തിൽ ഫോണ്ട് മൃദു വാക്യഘടനയും മനസിലാക്കാം:
font-smooth: ഓട്ടോ | ഒരിക്കലും | എല്ലായ്പ്പോഴും | | നീളം | പ്രാരംഭം | അവകാശമായി
യാന്ത്രിക മൃദുലമായ വാചകം സിസ്റ്റം സ്ഥിരസ്ഥിതികൾ അനുസരിച്ച്
ഒരിക്കലും ഫോണ്ടുകൾ ഒരിക്കലും മിനുസപ്പെടുത്തരുത്
എപ്പോഴും - എപ്പോഴും ഫോണ്ടുകൾ മിനുസമാര്ന്ന
നീളം - ഫോണ്ട് സൈസിന്റെ മൂല്യം ഈ വലുപ്പത്തേക്കാൾ വലുത് അല്ലെങ്കിൽ വലുതാണെങ്കിൽ, അത് വരുമ്പോൾ ഫോണ്ട് സുഗമമാക്കൂ.
ഫോണ്ട്-മിനുസമാർന്ന സ്വത്ത് ഉപയോഗിക്കുമ്പോൾ വെബ് ഡിസൈനർമാർ ഇനിപ്പറയുന്നവ അറിഞ്ഞിരിക്കണം.
- പ്രാരംഭ മൂല്യം: ഓട്ടോ
- ഫോണ്ട്-സ്മൂത്ത് ഇതിലേക്കുള്ള പ്രയോഗമാണ്: എല്ലാ ഘടകങ്ങളും സൃഷ്ടിക്കപ്പെട്ട ഉള്ളടക്കവും.
- ഫോണ്ട്-സ്മൂത്ത് ഇൻഹറിറ്റൻസ്: ഈ വസ്തു സ്വരൂപിക്കുന്നു.
- ഫോണ്ട്-സ്മൂത്ത് ബ്രൗസർ പിന്തുണ: ഒന്നുമില്ല
ഫോണ്ട് സ്മൂത്ത് ഉദാഹരണം
ഫോണ്ട് എത്ര ചെറുതോ വലുതോ ആണെങ്കിൽ ഈ ഖണ്ഡികയിലെ ഫോണ്ട് എല്ലായ്പ്പോഴും മിനുസമാർന്നതായിരിക്കണം.
ഫോണ്ട്-സുഗമമായ വസ്തുവിനെക്കുറിച്ച് മുന്നറിയിപ്പ്
എല്ലാവർക്കും സ്പ്രിന്റ്-സ്മൂത്ത് പിന്തുണയ്ക്കുന്ന ഒരു ബ്രൌസർ ഉണ്ട്. നിങ്ങളുടെ ബ്രൗസർ ഈ പ്രോപ്പർട്ടിക്ക് പിന്തുണ നൽകുന്നുണ്ടോ എന്നറിയാൻ കണ്ടെത്തുക. എപ്രകാരമാണ്, ഈ ശൈലി എങ്ങനെയാണ് ഉപയോഗിക്കുന്നത് എന്നത് ശ്രദ്ധിക്കുക, കാരണം നിങ്ങളുടെ വാചകത്തിന്റെ വായനാസമരം അത് വളരെ കുറച്ചേക്കും.
ഈ രീതിയില് ഇത് നിങ്ങളെ ബാധിക്കില്ലെന്ന് ഉറപ്പുവരുത്താന് ചില ഗവേഷണങ്ങള് ചെയ്യേണ്ടതുണ്ട്. ഫോണ്ട്-മിനുസമാർന്ന സ്വത്ത് സംബന്ധിച്ച കൂടുതൽ വിവരങ്ങൾക്ക് ഇനിപ്പറയുന്നവ പരിശോധിക്കുക:
ഫോണ്ട് സ്മൂത്ത് ഉദാഹരണങ്ങൾ
ഫോണ്ട്-സ്ട്രെച്ച്
ഫോണ്ട്-ഇഫക്റ്റ്
ഫോണ്ട്-കുടുംബം
അക്ഷര വലിപ്പം
ഫോണ്ട്
അക്ഷര രൂപം
ഫോണ്ട്-വേരിയറ്റ്
ഫോണ്ട്-വെയ്റ്റ്