எழுத்துரு நேர்த்தியைத் திறத்தல்: CSS OpenType அம்சக் கட்டுப்பாட்டில் தேர்ச்சி பெறுதல்

தொடர்ந்து மாறிவரும் வலை வடிவமைப்பு உலகில், பிராண்ட் அடையாளத்தை வெளிப்படுத்தவும், வாசிப்புத்திறனை மேம்படுத்தவும், மற்றும் ஒரு ஈர்க்கக்கூடிய பயனர் அனுபவத்தை உருவாக்கவும் அச்சுக்கலை ஒரு முக்கியப் பங்காற்றுகிறது. அடிப்படை எழுத்துரு ஸ்டைலிங் அடிப்படையானது என்றாலும், உண்மையான கலைத்திறன் எழுத்துரு தொழில்நுட்பங்களின் மேம்பட்ட திறன்களைப் பயன்படுத்துவதில் உள்ளது. OpenType, மைக்ரோசாப்ட் மற்றும் அடோப் நிறுவனங்களால் கூட்டாக உருவாக்கப்பட்ட ஒரு சக்திவாய்ந்த எழுத்துரு வடிவம், சாதாரண உரையை பார்வைக்கு ஈர்க்கக்கூடிய மற்றும் சூழலுக்குப் பொருத்தமான உள்ளடக்கமாக மாற்றக்கூடிய பல அம்சங்களை வழங்குகிறது. வலைக்கான ஸ்டைலிங் மொழியான CSS, இந்த OpenType அம்சங்களைத் திறப்பதற்கான வழிகளை வழங்குகிறது, இது வடிவமைப்பாளர்களுக்கும் டெவலப்பர்களுக்கும் இணையற்ற அச்சுக்கலைக் கட்டுப்பாட்டை அடைய அதிகாரம் அளிக்கிறது.

இந்த விரிவான வழிகாட்டி CSS OpenType அம்சக் கட்டுப்பாட்டின் நுணுக்கங்களை ஆராய்ந்து, உங்கள் வலைத் திட்டங்களை உயர்த்துவதற்கான அதன் திறனை ஆராய்கிறது. நாங்கள் பொதுவான OpenType அம்சங்கள் வழியாகச் செல்வோம், அவற்றை CSS பண்புகளைப் பயன்படுத்தி எவ்வாறு செயல்படுத்துவது என்பதைப் புரிந்துகொள்வோம், மேலும் பலதரப்பட்ட சர்வதேச பார்வையாளர்கள் மற்றும் வடிவமைப்புச் சூழல்களில் அவற்றின் பயன்பாட்டிற்கான சிறந்த நடைமுறைகளைப் பற்றி விவாதிப்போம்.

OpenType அம்சங்கள் என்றால் என்ன?

OpenType என்பது ஒரு மேம்பட்ட எழுத்துரு வடிவமாகும், இது TrueType மற்றும் PostScript போன்ற பழைய வடிவங்களின் திறன்களை விரிவுபடுத்துகிறது. அதன் முக்கிய நன்மை, எழுத்துரு கோப்பிற்குள் நேரடியாக பரந்த அளவிலான அச்சுக்கலை மேம்பாடுகளை உட்பொதிக்கும் திறனில் உள்ளது. OpenType அம்சங்கள் என அறியப்படும் இந்த மேம்பாடுகள், அடிப்படையில் குறியிடப்பட்ட அறிவுறுத்தல்களாகும், அவை குறிப்பிட்ட சூழ்நிலைகளின் கீழ் கிளிஃப்கள் (ஒரு எழுத்துருவில் உள்ள தனிப்பட்ட எழுத்துக்கள் அல்லது குறியீடுகள்) எவ்வாறு காட்டப்படுகின்றன என்பதைக் குறிப்பிடுகின்றன.

இவற்றை ஒரு எழுத்துரு தானாகவோ அல்லது கட்டளையின் பேரிலோ செய்யக்கூடிய புத்திசாலித்தனமான மாறுபாடுகள் மற்றும் மாற்றுகளாகக் கருதுங்கள். இது பின்வருவனவற்றை அனுமதிக்கிறது:

• மேம்பட்ட அழகியல்: மிகவும் இணக்கமான மற்றும் பார்வைக்கு இனிமையான உரையை உருவாக்குதல்.
• மேம்பட்ட வாசிப்புத்திறன்: சிறந்த புரிதலுக்காக எழுத்து இடைவெளி மற்றும் வடிவத்தை மேம்படுத்துதல்.
• வரலாற்று மற்றும் ஸ்டைலிஸ்டிக் மாறுபாடுகள்: குறிப்பிட்ட வடிவமைப்பு சகாப்தங்கள் அல்லது மனநிலைகளுக்குப் பொருந்தக்கூடிய மாற்று எழுத்து வடிவமைப்புகளை வழங்குதல்.
• சூழல் விழிப்புணர்வு: சுற்றியுள்ள எழுத்துக்களின் அடிப்படையில் எழுத்துக் காட்சியை மாற்றியமைத்தல்.

CSS இடைமுகம்: `font-feature-settings`

OpenType அம்சங்களை அணுகுவதற்கும் கட்டுப்படுத்துவதற்கும் முதன்மையான CSS பண்பு font-feature-settings ஆகும். இந்த சக்திவாய்ந்த பண்பு, அவற்றின் தனித்துவமான நான்கு எழுத்துக் குறியீடுகளை (பெரும்பாலும் அம்ச குறிச்சொற்கள் அல்லது அம்சக் குறியீடுகள் என குறிப்பிடப்படுகிறது) குறிப்பிடுவதன் மூலம் குறிப்பிட்ட அம்சங்களை இயக்க அல்லது முடக்க உங்களை அனுமதிக்கிறது.

பொதுவான தொடரியல் இதுவாகும்:

            font-feature-settings: "feature-tag" value;

            

              
                Copy
              
            
          

• `feature-tag`: ஒரு குறிப்பிட்ட OpenType அம்சத்தை அடையாளம் காட்டும் நான்கு எழுத்துச் சரம். இவை பொதுவாக சிறிய எழுத்துக்களாக இருக்கும்.
• `value`: அம்சத்தின் நடத்தையைக் கட்டுப்படுத்தும் ஒரு எண் மதிப்பு. பொதுவான மதிப்புகள் பின்வருமாறு:
  • 0: அம்சத்தை முடக்குகிறது.
  • 1: அம்சத்தை இயக்குகிறது (அல்லது இயல்புநிலை மாறுபாட்டைத் தேர்ந்தெடுக்கிறது).
  • குறிப்பிட்ட எண் மதிப்புகள் (எ.கா., 2, 3) ஒரு அம்சம் வழங்கும் வெவ்வேறு ஸ்டைலிஸ்டிக் மாற்றுகள் அல்லது மாறுபாடுகளைத் தேர்ந்தெடுக்கலாம்.

நீங்கள் காற்புள்ளிகளால் பிரிக்கப்பட்ட பல அம்சங்களையும் குறிப்பிடலாம்:

            font-feature-settings: "liga" 1, "calt" 1, "onum" 1;

            

              
                Copy
              
            
          

அனைத்து எழுத்துருக்களும் அனைத்து OpenType அம்சங்களையும் ஆதரிக்காது என்பதை கவனத்தில் கொள்ள வேண்டியது அவசியம். இந்த அம்சங்களின் கிடைக்கும் தன்மை எழுத்துரு வடிவமைப்பாளரின் செயலாக்கத்தைப் பொறுத்தது. நீங்கள் ஒரு எழுத்துருவின் ஆதரிக்கப்படும் OpenType அம்சங்கள் பற்றிய தகவலை ஃபவுண்டரியின் இணையதளத்தில் அல்லது எழுத்துருவின் மெட்டாடேட்டாவில் அடிக்கடி காணலாம்.

முக்கிய OpenType அம்சங்கள் மற்றும் அவற்றின் CSS செயலாக்கம்

மிகவும் பொதுவாகப் பயன்படுத்தப்படும் மற்றும் தாக்கத்தை ஏற்படுத்தும் சில OpenType அம்சங்களையும் அவற்றை CSS உடன் எவ்வாறு செயல்படுத்துவது என்பதையும் ஆராய்வோம்:

1. லிகேச்சர்கள் (`liga`, `clig`)

லிகேச்சர்கள் என்பது இரண்டு அல்லது அதற்கு மேற்பட்ட எழுத்துக்களை ஒரே எழுத்தாக இணைப்பதன் மூலம் உருவாகும் சிறப்பு கிளிஃப்கள் ஆகும். அவை பெரும்பாலும் சில எழுத்து சேர்க்கைகளின் காட்சி ஓட்டம் மற்றும் வாசிப்புத்திறனை மேம்படுத்தப் பயன்படுகின்றன, குறிப்பாக செரிஃப் எழுத்துருக்களில்.

• `liga` (நிலையான லிகேச்சர்கள்): 'fi', 'fl', 'ff', 'ffi', 'ffl' போன்ற பொதுவான எழுத்து ஜோடிகளை அவற்றின் அந்தந்த லிகேச்சர் வடிவங்களுடன் மாற்றுகிறது. இது சந்தேகத்திற்கு இடமின்றி மிகவும் பரவலான OpenType அம்சமாகும்.
  • CSS: font-feature-settings: "liga" 1;
  • உதாரணம்: "fire" என்ற வார்த்தை ஒற்றை 'f' மற்றும் 'i' கிளிஃப் உடன் தோன்றக்கூடும்.
• `clig` (சூழல் லிகேச்சர்கள்): சூழலின் அடிப்படையில் லிகேச்சர்களை உள்ளடக்கிய ஒரு பரந்த வகை. நிலையான லிகேச்சர்கள் சூழல் லிகேச்சர்களின் ஒரு துணைக்குழுவாகும்.
  • CSS: font-feature-settings: "clig" 1;

லிகேச்சர்களை ஏன் பயன்படுத்த வேண்டும்? அவை சில எழுத்து ஜோடிகளுக்கு இடையில் உள்ள இடைவெளியை மென்மையாக்கலாம், இல்லையெனில் அவை மோசமான இடைவெளிகளை உருவாக்கக்கூடும், இது மிகவும் ஒத்திசைவான மற்றும் அழகியல் ரீதியாக இனிமையான உரைத் தொகுதிக்கு வழிவகுக்கிறது. உதாரணமாக, "information" இல் உள்ள 'f' மற்றும் 'i' சில நேரங்களில் மோதலாம் அல்லது லிகேச்சர் இல்லாமல் காட்சி பதற்றத்தை உருவாக்கலாம்.

உலகளாவிய கருத்தில்: 'fi' மற்றும் 'fl' போன்ற லிகேச்சர்கள் லத்தீன்-ஸ்கிரிப்ட் மொழிகளில் பொதுவானவை என்றாலும், அவற்றின் பரவல் மற்றும் குறிப்பிட்ட வடிவங்கள் மாறுபடலாம். விரிவான எழுத்துத் தொகுப்புகள் அல்லது வெவ்வேறு ஸ்கிரிப்ட் பாணிகளைக் கொண்ட மொழிகளுக்கு, லிகேச்சர்களின் தாக்கம் மற்றும் கிடைக்கும் தன்மை கவனமாக மதிப்பீடு செய்யப்பட வேண்டும்.

2. ஸ்டைலிஸ்டிக் செட்கள் (`ss01` முதல் `ss20` வரை)

ஸ்டைலிஸ்டிக் செட்கள் ஒரு சக்திவாய்ந்த அம்சமாகும், இது வடிவமைப்பாளர்களை எழுத்துக்களுக்கான தொடர்ச்சியான ஸ்டைலிஸ்டிக் மாற்றுகளை ஒன்றாகக் குழுவாக்க அனுமதிக்கிறது. ஒரு எழுத்துருவில் 20 தனித்துவமான ஸ்டைலிஸ்டிக் செட்கள் வரை இருக்கலாம், இது பரந்த அளவிலான படைப்பு விருப்பங்களை வழங்குகிறது.

• CSS: font-feature-settings: "ss01" 1;, font-feature-settings: "ss02" 1;, போன்றவை, "ss20" வரை.
• உதாரணம்: ஒரு எழுத்துரு ஒரு ஸ்டைலிஸ்டிக் செட்டை (எ.கா., `ss01`) வழங்கலாம், இது 'a' என்ற எழுத்தின் அனைத்து நிகழ்வுகளையும் மிகவும் கலைநயமான பதிப்பால் மாற்றுகிறது, அல்லது `ss02` இது 'g' அல்லது 'q' க்கான மாற்று வடிவங்களை வழங்குகிறது.

ஸ்டைலிஸ்டிக் செட்களை ஏன் பயன்படுத்த வேண்டும்? அவை எழுத்துரு மெனுவை ஒழுங்கீனம் செய்யாமல் அல்லது பயனர்கள் கைமுறையாக வெவ்வேறு கிளிஃப்களைத் தேர்ந்தெடுக்க வேண்டிய அவசியமின்றி ஸ்டைலிஸ்டிக் மாறுபாடுகளை வழங்க ஒரு எழுத்துருவை இயக்குகின்றன. வடிவமைப்பாளர்கள் உரைக்கு ஒரு தனித்துவமான தன்மையை அளிக்க அல்லது ஒரு குறிப்பிட்ட வடிவமைப்பு அழகியலுடன் பொருந்த குறிப்பிட்ட ஸ்டைலிஸ்டிக் செட்களைத் தேர்ந்தெடுத்துத் தேர்வு செய்யலாம்.

உலகளாவிய கருத்தில்: பலதரப்பட்ட சர்வதேச சந்தைகளுக்கு வடிவமைக்கும்போது ஸ்டைலிஸ்டிக் செட்கள் குறிப்பாக மதிப்புமிக்கவை. ஒரு எழுத்துரு மாற்று எண் பாணிகள், நிறுத்தற்குறிகள் அல்லது குறிப்பிட்ட பிராந்தியங்களுக்கு மிகவும் கலாச்சார ரீதியாக பொருத்தமான அல்லது பார்வைக்கு ஈர்க்கக்கூடிய எழுத்து வடிவங்களை வழங்கக்கூடும்.

3. சூழல் மாற்றுகள் (`calt`)

சூழல் மாற்றுகள் என்பது சுற்றியுள்ள எழுத்துக்களின் அடிப்படையில் தானாகப் பயன்படுத்தப்படும் கிளிஃப் மாற்றுகளாகும். இது நிலையான லிகேச்சர்களை விட ஒரு பரந்த மற்றும் பெரும்பாலும் சிக்கலான அம்சமாகும்.

• CSS: font-feature-settings: "calt" 1;
• உதாரணம்: சில கையெழுத்து பாணி எழுத்துருக்களில், `calt` ஒரு எழுத்தின் இணைப்பு வளைவு அடுத்த எழுத்திற்கு மென்மையாக மாறுவதை உறுதிசெய்யலாம், அல்லது ஒரு குறிப்பிட்ட நிறுத்தற்குறியால் அதற்கு முன்னரோ பின்னரோ வந்தால் அது ஒரு எழுத்தின் வடிவத்தை மாற்றலாம்.

சூழல் மாற்றுகளை ஏன் பயன்படுத்த வேண்டும்? அவை உரையின் இயல்பான ஓட்டம் மற்றும் வாசிப்புத்திறனுக்கு குறிப்பிடத்தக்க பங்களிப்பை அளிக்கின்றன, குறிப்பாக வளைந்த அல்லது இணைக்கும் வடிவங்களை நம்பியுள்ள ஸ்கிரிப்ட்களில்.

உலகளாவிய கருத்தில்: எழுத்து இணைப்புகள் வாசிப்பிற்கு அடிப்படையான ஸ்கிரிப்ட்களுக்கு (எ.கா., அரபு, தேவநாகரி), `calt` அம்சங்கள் துல்லியமான மற்றும் சரளமான ரெண்டரிங்கிற்கு முக்கியமானதாக இருக்கும். சர்வதேச அணுகலுக்கு தொடர்புடைய ஸ்கிரிப்ட்களுக்கு இந்த அம்சங்கள் இயக்கப்பட்டிருப்பதை உறுதி செய்வது இன்றியமையாதது.

4. ஸ்வாஷ்கள் (`swsh`)

ஸ்வாஷ் எழுத்துக்கள் அலங்காரமான, பெரும்பாலும் விரிவான, அலங்கார வளைவுகள் மற்றும் நீட்டிப்புகளுடன் கூடிய எழுத்து வடிவங்கள் ஆகும். அவை பொதுவாக காட்சி உரை அல்லது முக்கியத்துவத்திற்காகப் பயன்படுத்தப்படுகின்றன.

• CSS: font-feature-settings: "swsh" 1; (கிடைத்தால், இயல்புநிலை ஸ்வாஷ் மாறுபாட்டை இயக்க).
• மதிப்புகள்: சில எழுத்துருக்கள் பல ஸ்வாஷ் மாறுபாடுகளை ஆதரிக்கின்றன, அவை 1 முதல் 5 வரையிலான மதிப்புகளால் கட்டுப்படுத்தப்படுகின்றன. உதாரணமாக, "swsh" 2 ஒரு இரண்டாவது, வேறுபட்ட ஸ்வாஷ் வடிவத்தைத் தேர்ந்தெடுக்கலாம்.
• உதாரணம்: ஒரு அலங்கார எழுத்துரு ஒரு தலைப்புக்கு ஸ்வாஷ் கேபிட்டல்களை வழங்கலாம், இது ஒரு அலங்காரத் தொடுதலைச் சேர்க்கிறது.

ஸ்வாஷ்களை ஏன் பயன்படுத்த வேண்டும்? அவை தலைப்புகள், லோகோக்கள் மற்றும் குறுகிய உரைத் துணுக்குகளுக்கு ஒரு நேர்த்தியான, கவர்ச்சியான மற்றும் தனித்துவமான தொடுதலைச் சேர்க்கின்றன.

உலகளாவிய கருத்தில்: ஸ்வாஷ் வடிவமைப்புகள் பெரும்பாலும் பல்வேறு கலாச்சாரங்களின் வரலாற்று கையெழுத்துப் பாணிகளால் பாதிக்கப்படுகின்றன. உலகளாவிய பார்வையாளர்களுக்காக ஸ்வாஷ்களைப் பயன்படுத்தும்போது, அலங்காரக் கூறுகள் உலகளாவிய ரீதியில் புரிந்து கொள்ளப்படுவதையும், தெளிவைக் குறைக்காமல் இருப்பதையும் உறுதிப்படுத்திக் கொள்ளுங்கள்.

5. ஆர்டினல்கள் (`ordn`)

ஆர்டினல்கள் எண்களில் வரிசையைக் குறிக்கப் பயன்படுகின்றன, அதாவது 1st இல் 'st', 2nd இல் 'nd', 3rd இல் 'rd', மற்றும் 4th இல் 'th'. `ordn` அம்சம் நிலையான சூப்பர்ஸ்கிரிப்ட் பின்னொட்டுகளை ஸ்டைலான வடிவங்களுடன் மாற்றுகிறது.

• CSS: font-feature-settings: "ordn" 1;
• உதாரணம்: "1st", "2nd", "3rd", "4th" ஆகியவை முறையே '1ˢᵗ', '2ⁿᵈ', '3ʳᵈ', '4ᵗʰ' என ரெண்டர் செய்யப்படும், இதில் 'st', 'nd', 'rd', 'th' ஆகியவை ஸ்டைலான சூப்பர்ஸ்கிரிப்ட்களாக இருக்கும்.

ஆர்டினல்களை ஏன் பயன்படுத்த வேண்டும்? அவை ஆர்டினல் எண்களைக் காண்பிக்க மிகவும் கச்சிதமான மற்றும் அச்சுக்கலை ரீதியாக இனிமையான வழியை வழங்குகின்றன.

உலகளாவிய கருத்தில்: ஆங்கிலத்தில் பொதுவானவை என்றாலும், ஆர்டினல் குறிகாட்டிகள் மொழிகளுக்கு இடையில் வேறுபடுகின்றன. உங்கள் இணையதளம் ஆதரிக்கும் மொழிகளுக்கு இந்த அம்சம் பொருத்தமானது என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.

6. பின்னங்கள் (`frac`, `afrc`)

பின்னங்களை அடுக்கப்பட்டதில் இருந்து சாய்வானது வரை பல்வேறு வழிகளில் ரெண்டர் செய்யலாம். OpenType அம்சங்கள் இதற்குக் குறிப்பிட்ட கட்டுப்பாடுகளை வழங்குகின்றன.

• `frac` (அடுக்கப்பட்ட பின்னங்கள்): ஒரு பிரிக்கும் கோட்டுடன் ஒரு கிடைமட்ட பின்னத்தை உருவாக்குகிறது.
• `afrc` (மாற்று பின்னங்கள்): பெரும்பாலும் சாய்வான பின்னங்களை உருவாக்குகிறது, இது அதிக இடத்தைச் சேமிக்கக்கூடியதாக இருக்கும்.
  • CSS: font-feature-settings: "frac" 1; அல்லது font-feature-settings: "afrc" 1;
  • உதாரணம்: 1/2 ஆனது ¹⁄₂ (`frac` பயன்படுத்தி) அல்லது ½ (`afrc` பயன்படுத்தி, எழுத்துரு அதை இந்த வழியில் ஆதரித்தால்) என ரெண்டர் செய்யப்படும்.

பின்னங்களை ஏன் பயன்படுத்த வேண்டும்? அவை எண் தரவுகளின் வாசிப்புத்திறனை மேம்படுத்துகின்றன, குறிப்பாக சமையல் குறிப்புகள், நிதி அறிக்கைகள் அல்லது அறிவியல் நூல்களில்.

உலகளாவிய கருத்தில்: பின்னங்கள் குறிப்பிடப்படும் விதம் கலாச்சாரங்களுக்கு இடையில் கணிசமாக வேறுபடலாம். சில கலாச்சாரங்கள் சாய்வான பின்னங்களையும், மற்றவை அடுக்கப்பட்ட பின்னங்களையும் விரும்புகின்றன. இலக்கு பார்வையாளர்களின் மரபுகளைப் புரிந்துகொள்வது முக்கியம்.

7. எண்கள் (`tnum`, `lnum`, `onum`)

எழுத்துருக்கள் பெரும்பாலும் பல்வேறு வடிவமைப்புச் சூழல்களுக்குப் பொருந்தக்கூடிய வெவ்வேறு பாணிகளில் எண்களை வழங்குகின்றன.

• `tnum` (அட்டவணை எண்கள்): ஒரே அகலம் கொண்ட எண்கள், நெடுவரிசைகளில் சரியாக வரிசைப்படுத்தப்படுகின்றன. அட்டவணைகள் மற்றும் நிதித் தரவுகளுக்கு ஏற்றது.
• `lnum` (வரிசை எண்கள்): அடிப்படைக் கோட்டில் வரிசைப்படுத்தப்படும் மற்றும் பொதுவாக அனைத்தும் ஒரே உயரத்தில் இருக்கும் எண்கள், பெரும்பாலும் இயங்கும் உரையில் பயன்படுத்தப்படுகின்றன.
• `onum` (பழைய பாணி எண்கள்): மாறுபட்ட உயரங்கள் மற்றும் ஏறுவரிசை/இறங்குவரிசைகளைக் கொண்ட எண்கள், பெரும்பாலும் மிகவும் அலங்காரமான அல்லது கிளாசிக் உணர்வைக் கொண்டிருக்கும். அவை சிறிய எழுத்துக்களுடன் நன்றாகக் கலக்கின்றன.

• CSS: font-feature-settings: "tnum" 1;, font-feature-settings: "lnum" 1;, font-feature-settings: "onum" 1;
• உதாரணம்: "lnum" 1 (எ.கா., 12345) ஐ "tnum" 1 (எ.கா., 12345) உடன் ஒப்பிடுவது பிந்தையது செங்குத்தாக சரியாக வரிசைப்படுத்தப்படுவதைக் காட்டும்.

எண் பாணிகளை ஏன் பயன்படுத்த வேண்டும்? அவை எண்கள் எவ்வாறு வழங்கப்படுகின்றன என்பதில் நெகிழ்வுத்தன்மையை வழங்குகின்றன, இது ஒட்டுமொத்த வடிவமைப்பிற்குள் வாசிப்புத்திறன் மற்றும் அழகியல் இணக்கம் இரண்டையும் பாதிக்கிறது.

உலகளாவிய கருத்தில்: அரபு எண்கள் உலகளவில் அங்கீகரிக்கப்பட்டிருந்தாலும், அவற்றின் அச்சுக்கலை சிகிச்சை மாறுபடலாம். தேர்ந்தெடுக்கப்பட்ட எண் பாணி இலக்கு பிராந்தியங்களின் மரபுகளுடன் ஒத்துப்போவதை உறுதிப்படுத்திக் கொள்ளுங்கள்.

8. ஸ்மால் கேப்ஸ் (`smcp`, `cpsc`)

ஸ்மால் கேப்ஸ் என்பவை சாதாரண பெரிய எழுத்துக்களை விடக் குறைவாக வடிவமைக்கப்பட்ட பெரிய எழுத்துக்கள் மற்றும் பெரும்பாலும் சிறிய எழுத்து விகிதங்களைப் பின்பற்றும் ஒரு வடிவமைப்பைக் கொண்டுள்ளன.

• `smcp` (ஸ்மால் கேப்ஸ்): அனைத்து பெரிய எழுத்துக்களையும் அவற்றின் ஸ்மால் கேப் வடிவங்களுடன் மாற்றுகிறது.
• `cpsc` (பெட்டிட் கேப்ஸ்): ஸ்மால் கேப்ஸின் இன்னும் சிறிய மாறுபாடு, பெரும்பாலும் குறிப்பிட்ட ஸ்டைலிஸ்டிக் நோக்கங்களுக்காகப் பயன்படுத்தப்படுகிறது.

• CSS: font-feature-settings: "smcp" 1;
• உதாரணம்: `smcp` உடன் ரெண்டர் செய்யப்பட்ட "HTML" என்பது "HTML" போலத் தோன்றலாம், இது பொதுவாக தலைப்புகள் அல்லது சுருக்கங்களில் சாதாரண பெரிய எழுத்துக்களை விட அழகியல் ரீதியாக மிகவும் இனிமையானது.

ஸ்மால் கேப்ஸை ஏன் பயன்படுத்த வேண்டும்? அவை சுருக்கங்கள், முதலெழுத்துகள், தலைப்புகள் மற்றும் சில சமயங்களில் உடல் உரைக்குள் முக்கியத்துவத்திற்காக சிறந்தவை, ஏனெனில் அவை முழு பெரிய எழுத்துக்களை விட பார்வைக்கு ஆதிக்கம் செலுத்துவதில்லை.

உலகளாவிய கருத்தில்: ஸ்மால் கேப்ஸ் முதன்மையாக லத்தீன் ஸ்கிரிப்டுடன் தொடர்புடைய ஒரு அம்சமாகும். மற்ற ஸ்கிரிப்ட்களுக்கான அவற்றின் பொருத்தம் மற்றும் கிடைக்கும் தன்மை குறைவாகவோ அல்லது இல்லாமலோ இருக்கலாம்.

9. கேஸ் சென்சிடிவ் வடிவங்கள் (`case`)

இந்த அம்சம் குறிப்பிட்ட கிளிஃப்கள் கேஸ் முக்கியத்துவம் வாய்ந்த சூழல்களில் பயன்படுத்தப்படும்போது வித்தியாசமாகத் தோன்றும் வகையில் வடிவமைக்க அனுமதிக்கிறது, அதாவது குறிப்பிட்ட நிறுத்தற்குறிகள்.

• CSS: font-feature-settings: "case" 1;
• உதாரணம்: சில மேற்கோள் குறிகள் அல்லது அடைப்புக்குறிகள் ஒரு வாக்கியத்தில் பயன்படுத்தப்படும்போது, அவை தனித்தனி குறியீடுகளாகத் தோன்றும் போது ஒப்பிடும்போது சற்று வித்தியாசமான வடிவங்களைக் கொண்டிருக்கலாம்.

கேஸ் சென்சிடிவ் வடிவங்களை ஏன் பயன்படுத்த வேண்டும்? அவை மிகவும் சுத்திகரிக்கப்பட்ட மற்றும் சூழலுக்குப் பொருத்தமான அச்சுக்கலைத் தோற்றத்திற்கு பங்களிக்கின்றன.

உலகளாவிய கருத்தில்: நிறுத்தற்குறிகள் மற்றும் அதன் கேசிங் மரபுகள் மொழி மற்றும் ஸ்கிரிப்ட் மூலம் கணிசமாக வேறுபடலாம். இந்த அம்சம் உங்கள் சர்வதேச பார்வையாளர்களுக்குப் பொருத்தமானதா என்பதைக் கவனியுங்கள்.

10. பகுதி எண்கள் (`dnom`) மற்றும் தொகுதி எண்கள் (`numr`)

இந்த அம்சங்கள் பகுதி எண்கள் மற்றும் தொகுதி எண்களின் ரெண்டரிங்கை குறிப்பாகக் கட்டுப்படுத்துகின்றன, பெரும்பாலும் அறிவியல் அல்லது கணிதக் குறியீட்டிற்கு.

• CSS: font-feature-settings: "dnom" 1;, font-feature-settings: "numr" 1;
• உதாரணம்: '3/4' போன்ற கணிதப் பின்னங்கள், '3' தொகுதி எண்ணாகவும், '4' பகுதி எண்ணாகவும் ரெண்டர் செய்யப்படலாம், பெரும்பாலும் சிறிய கிளிஃப்கள் மற்றும் செங்குத்தாக அடுக்கப்பட்டிருக்கும்.

இவற்றை ஏன் பயன்படுத்த வேண்டும்? கணித மற்றும் அறிவியல் சூத்திரங்களின் துல்லியமான மற்றும் தெளிவான பிரதிநிதித்துவத்திற்கு அவசியம்.

உலகளாவிய கருத்தில்: கணிதக் குறியீடு பெரும்பாலும் உலகளாவியது, ஆனால் இந்த அம்சங்களின் எழுத்துருவின் செயலாக்கம் வெவ்வேறு கல்வி மற்றும் தொழில்முறைச் சூழல்களில் தெளிவாகவும் குழப்பமின்றியும் இருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.

`font-feature-settings` க்கு அப்பால்: தொடர்புடைய CSS பண்புகள்

font-feature-settings ஒரு முக்கியப் பங்காற்றினாலும், மற்ற CSS பண்புகள் OpenType அம்சங்களின் அம்சங்களுடன் தொடர்பு கொள்ளலாம் அல்லது கட்டுப்படுத்தலாம்:

• `font-variant`: இது ஒரு சுருக்கெழுத்துப் பண்பாகும், இது குறிப்பிட்ட ஸ்கிரிப்ட்களுக்கு சில பொதுவான OpenType அம்சங்களை இயக்க முடியும். உதாரணமாக:
  • font-variant: oldstyle-nums; என்பது font-feature-settings: "onum" 1; க்கு சமம்
  • font-variant: proportional-nums; (`tnum` ஐப் போன்றது ஆனால் மற்ற எழுத்துக்களுக்கான இடைவெளியையும் பாதிக்கலாம்)
  • font-variant: slashed-zero;
  • font-variant: contextual; (பெரும்பாலும் `calt` ஐ இயக்குகிறது)
  • font-variant: stylistic(value); (ஸ்டைலிஸ்டிக் செட்களை இலக்கு வைக்க ஒரு பொதுவான வழி)
• `font-optical-sizing`: இந்தப் பண்பு காட்டப்படும் உரையின் அளவைப் பொறுத்து எழுத்துருப் பண்புகளை சரிசெய்கிறது, இது காட்சி சமநிலையை பராமரிப்பதை நோக்கமாகக் கொண்டுள்ளது. இது பெரும்பாலும் ஆப்டிகல் மாறுபாடுகளைக் கொண்ட OpenType அம்சங்களுடன் இணைந்து செயல்படுகிறது.

இந்த பண்புகளுக்கான உலாவி ஆதரவும் நடத்தையும் மாறுபடலாம் என்பதைப் புரிந்துகொள்வது முக்கியம். எப்போதும் புதுப்பித்த உலாவி இணக்கத்தன்மை விளக்கப்படங்களைப் பார்க்கவும்.

உலகளாவிய OpenType செயலாக்கத்திற்கான சிறந்த நடைமுறைகள்

OpenType அம்சங்களைப் பயன்படுத்துவதற்கு ஒரு சிந்தனைமிக்க அணுகுமுறை தேவை, குறிப்பாக உலகளாவிய பார்வையாளர்களுக்காக வடிவமைக்கும்போது.

1. உங்கள் எழுத்துருவைப் புரிந்து கொள்ளுங்கள்

எந்தவொரு OpenType அம்சத்தையும் செயல்படுத்துவதற்கு முன், நீங்கள் பயன்படுத்தும் குறிப்பிட்ட எழுத்துருவைப் பற்றி நன்கு தெரிந்து கொள்ளுங்கள். அதன் ஆவணங்கள் அல்லது ஃபவுண்டரியின் இணையதளத்தைப் பார்த்து எந்த அம்சங்கள் ஆதரிக்கப்படுகின்றன மற்றும் அவை எவ்வாறு பயன்படுத்தப்பட வேண்டும் என்பதைப் புரிந்து கொள்ளுங்கள். எல்லா எழுத்துருக்களும் சமமாக உருவாக்கப்படவில்லை; சில குறைந்தபட்சமானவை, மற்றவை ஸ்டைலிஸ்டிக் விருப்பங்களுடன் நிரம்பியுள்ளன.

2. வாசிப்புத்திறன் மற்றும் அணுகலுக்கு முன்னுரிமை அளியுங்கள்

அழகியல் அலங்காரங்கள் கவர்ச்சிகரமானவை என்றாலும், அச்சுக்கலையின் முதன்மை நோக்கம் தெளிவான தகவல்தொடர்பு ஆகும். இயக்கப்பட்ட OpenType அம்சங்கள், அவர்களின் இருப்பிடம் அல்லது மொழியியல் பின்னணியைப் பொருட்படுத்தாமல், அனைத்து பயனர்களுக்கும் வாசிப்புத்திறன் மற்றும் அணுகலைத் தடுப்பதை விட, மேம்படுத்துவதை உறுதிப்படுத்திக் கொள்ளுங்கள்.

• லிகேச்சர்களைச் சோதிக்கவும்: அவை எதிர்பாராத எழுத்துச் சேர்க்கைகள் அல்லது தவறான விளக்கங்களை உருவாக்கவில்லை என்பதை உறுதிப்படுத்தவும்.
• ஸ்டைலிஸ்டிக் செட்களை விவேகத்துடன் பயன்படுத்தவும்: உடல் உரைக்கு அதிகப்படியான அலங்கார அம்சங்களைத் தவிர்க்கவும்.
• எண் பாணிகளைக் கவனியுங்கள்: அட்டவணைகளுக்கு `tnum` ஐத் தேர்ந்தெடுக்கவும், அழகியல் விருப்பம் மற்றும் சூழலின் அடிப்படையில் உடல் உரைக்கு `onum` அல்லது `lnum` ஐத் தேர்ந்தெடுக்கவும்.

3. பல்வேறு மொழிகள் மற்றும் ஸ்கிரிப்ட்களில் சோதிக்கவும்

உங்கள் இணையதளம் பல மொழிகளை இலக்காகக் கொண்டிருந்தால், OpenType அம்சங்கள் வெவ்வேறு ஸ்கிரிப்ட்கள் மற்றும் எழுத்துத் தொகுப்புகளில் எவ்வாறு ரெண்டர் ஆகின்றன என்பதை முழுமையாகச் சோதிக்கவும். ஆங்கிலத்தில் அழகாகத் தெரிவது ஜப்பானிய, அரபு அல்லது சிரிலிக் ஸ்கிரிப்ட்களுக்கு வேலை செய்யாமல் போகலாம்.

• லிகேச்சர்கள்: சில லிகேச்சர்கள் லத்தீன் அடிப்படையிலான மொழிகளுக்கு குறிப்பிட்டவை.
• ஸ்டைலிஸ்டிக் செட்கள்: இவை ஸ்கிரிப்ட்-குறிப்பிட்ட மாறுபாடுகளை வழங்கலாம்.
• சூழல் மாற்றுகள்: எழுத்து இணைப்பை பெரிதும் நம்பியுள்ள ஸ்கிரிப்ட்களுக்கு அவசியம்.

அரபு அல்லது இந்திய ஸ்கிரிப்ட்கள் போன்ற மொழிகளுக்கு, வளைந்த வடிவங்கள் மற்றும் எழுத்து இணைப்புகள் அடிப்படையானவை, `calt` மற்றும் பிற சூழல் அம்சங்கள் சரியாகச் செயல்படுத்தப்பட்டிருப்பதை உறுதி செய்வது வாசிப்புத்திறனுக்கு மிக முக்கியம்.

4. செயல்திறன் பரிசீலனைகள்

நவீன உலாவிகள் மிகவும் மேம்படுத்தப்பட்டிருந்தாலும், விரிவான OpenType அம்சங்களைக் கொண்ட மிகவும் சிக்கலான எழுத்துரு கோப்புகள் பக்க ஏற்றுதல் நேரங்களைப் பாதிக்கலாம். அம்சங்களை மூலோபாய ரீதியாகப் பயன்படுத்தவும் மற்றும் செயல்திறன் தாக்கங்களைக் குறைக்க எழுத்துரு துணைக்குழுவை (உங்களுக்குத் தேவையான எழுத்துக்கள் மற்றும் அம்சங்களை மட்டும் ஏற்றுதல்) கருத்தில் கொள்ளவும்.

வலை எழுத்துரு மேம்படுத்தல்:

• உகந்த சுருக்கத்திற்கு WOFF2 வடிவமைப்பைப் பயன்படுத்தவும்.
• தேவையான எழுத்துக்கள் மற்றும் OpenType அம்சங்களை மட்டும் சேர்க்க எழுத்துருக்களைத் துணைக்குழுவாக்கவும்.
• ரெண்டரிங்கைத் தடுக்காமல் இருக்க எழுத்துருக்களை ஒத்திசைவற்ற முறையில் ஏற்றவும்.

5. ஃபால்பேக் உத்திகள்

எப்போதும் ஃபால்பேக்குகளை வழங்கவும். ஒரு உலாவி அல்லது சூழல் ஒரு குறிப்பிட்ட OpenType அம்சத்தை ஆதரிக்கவில்லை என்றால், உரை இன்னும் படிக்கக்கூடியதாக இருக்க வேண்டும். CSS இன் அடுக்கடுக்கான இயல்பு இங்கே உதவுகிறது, ஆனால் மேம்பட்ட அம்சங்கள் இல்லாமல் உங்கள் ஸ்டைல்கள் எவ்வாறு விளக்கப்படும் என்பதில் கவனமாக இருங்கள்.

உதாரணம்:

            body {
  font-family: "Myriad Pro", "Open Sans", sans-serif;
  /* Enable standard ligatures and oldstyle numerals */
  font-feature-settings: "liga" 1, "onum" 1;
  font-variant-numeric: oldstyle-nums;
}

/* Alternative for older browsers or when specific features aren't available */
.proportional-text {
  font-feature-settings: "lnum" 1;
  font-variant-numeric: lining-nums;
}

            

              
                Copy
              
            
          

6. மென்மையான சிதைவு vs. முற்போக்கான மேம்பாடு

உங்கள் அணுகுமுறையைத் தீர்மானிக்கவும்: வடிவமைப்பு மென்மையாகச் சிதைய வேண்டுமா (ஒரு செயல்பாட்டு வடிவமைப்புடன் தொடங்கி, ஆதரிக்கப்படும் இடங்களில் மேம்பட்ட அம்சங்களைச் சேர்க்கவும்), அல்லது முற்போக்கான மேம்பாட்டை விரும்புகிறீர்களா (ஒரு அடிப்படை அனுபவத்தை உருவாக்கி, ஆதரிக்கப்படும் இடங்களில் அம்சங்களுடன் அதை மேம்படுத்தவும்)? உலகளாவிய அணுகலுக்கு, முற்போக்கான மேம்பாடு பெரும்பாலும் மிகவும் வலுவான உத்தியாகும்.

7. ஆவணப்படுத்தி தொடர்புகொள்ளுங்கள்

நீங்கள் ஒரு குழுவில் பணிபுரிந்தால், எந்த OpenType அம்சங்கள் பயன்படுத்தப்படுகின்றன மற்றும் ஏன் என்பதை ஆவணப்படுத்துங்கள். இது நிலைத்தன்மையைப் பராமரிக்க உதவுகிறது மற்றும் ஒத்துழைப்பை எளிதாக்குகிறது, குறிப்பாக சர்வதேச அணிகளில் தகவல் தொடர்பு பாணிகள் வேறுபடலாம்.

மேம்பட்ட நுட்பங்கள் மற்றும் பரிசீலனைகள்

OpenType அம்சங்களுடன் நீங்கள் ಹೆಚ್ಚು வசதியாகும்போது, நீங்கள் மேலும் மேம்பட்ட பயன்பாடுகளை ஆராயலாம்:

• அம்சங்களை இணைத்தல்: சிக்கலான அச்சுக்கலை விளைவுகளுக்கு பல அம்சங்களை அடுக்குதல். உதாரணமாக, லிகேச்சர்கள் (`liga`), சூழல் மாற்றுகள் (`calt`), மற்றும் பழைய பாணி எண்கள் (`onum`) ஆகியவற்றை ஒரே நேரத்தில் இயக்குவது ஒரு செழுமையான, கிளாசிக் அச்சுக்கலை உணர்வை உருவாக்கும்.
• குறிப்பிட்ட கிளிஃப்களை இலக்கு வைத்தல்: CSS `font-feature-settings` பொதுவாக உலகளவில் பொருந்தும் என்றாலும், சில மேம்பட்ட எழுத்துரு அம்சங்கள் தனிப்பயன் CSS பண்புகள் அல்லது ஜாவாஸ்கிரிப்ட் கையாளுதல் மூலம் தனிப்பட்ட கிளிஃப்கள் மீது மேலும் நுணுக்கமான கட்டுப்பாட்டை அனுமதிக்கலாம், இருப்பினும் இது நிலையான OpenType கட்டுப்பாட்டிற்கு குறைவாகவே உள்ளது.
• மாறி எழுத்துருக்கள்: பல நவீன மாறி எழுத்துருக்கள் OpenType அம்சங்களை கையாளக்கூடிய அச்சுகளாக இணைக்கின்றன. இது அச்சுக்கலை வெளிப்பாட்டின் மீது இன்னும் மாறும் கட்டுப்பாட்டை வழங்குகிறது.

முடிவுரை

CSS OpenType அம்சக் கட்டுப்பாடு என்பது வலையில் அச்சுக்கலையைப் பற்றி தீவிரமாக இருக்கும் எவருக்கும் ஒரு சக்திவாய்ந்த கருவித்தொகுப்பாகும். லிகேச்சர்கள், ஸ்டைலிஸ்டிக் செட்கள், சூழல் மாற்றுகள் மற்றும் எண் பாணிகள் போன்ற அம்சங்களைப் புரிந்துகொண்டு மூலோபாய ரீதியாகப் பயன்படுத்துவதன் மூலம், உங்கள் வலைத்தளத்தின் அழகியல் முறையீடு, வாசிப்புத்திறன் மற்றும் ஒட்டுமொத்த பயனர் அனுபவத்தை கணிசமாக மேம்படுத்தலாம்.

வெற்றிகரமான உலகளாவிய செயலாக்கத்திற்கான திறவுகோல் உங்கள் எழுத்துருக்களைப் பற்றிய ஆழமான புரிதல், பல்வேறு மொழியியல் சூழல்களில் அணுகல் மற்றும் வாசிப்புத்திறனில் கவனம் செலுத்துதல் மற்றும் கடுமையான சோதனை ஆகியவற்றில் உள்ளது என்பதை நினைவில் கொள்ளுங்கள். வலை அச்சுக்கலை தொடர்ந்து முன்னேறும்போது, இந்த OpenType திறன்களில் தேர்ச்சி பெறுவது சந்தேகத்திற்கு இடமின்றி உங்கள் வடிவமைப்புகளை வேறுபடுத்தும், இது உலகெங்கிலும் உள்ள பயனர்களுக்கு தெளிவான தகவல்தொடர்பு மற்றும் ஒரு சுத்திகரிக்கப்பட்ட காட்சி அனுபவத்தை உறுதி செய்யும்.

அச்சுக்கலையின் நுணுக்கங்களைத் தழுவி, OpenType இன் திறனைத் திறந்து, உங்கள் சர்வதேச பார்வையாளர்களுக்கு அழகாகவும் பயனுள்ளதாகவும் இருக்கும் வலை அனுபவங்களை உருவாக்குங்கள்.