வலைத்தளங்களுக்கு வரும்போது படங்களை அதிகமான அன்பைப் பெறும் போது, தேடுபொறிகளைத் தேடுவதற்கும் பெரும்பாலான வலைத்தளங்களின் உள்ளடக்கத்தை முன்னெடுத்துச் செல்லும் முறையிலான எழுத்துக்களும் இது. போன்ற, அச்சுக்கலை வடிவமைப்பு வலைத்தள வடிவமைப்பு ஒரு விமர்சன முக்கிய பகுதியாக உள்ளது. ஒரு தளம் உரை முக்கியத்துவத்தை அது நன்றாக இருக்கிறது மற்றும் வாசிக்க எளிதாக இருக்கும் என்று உறுதி செய்ய வேண்டும். இந்த CSS (விழுத்தொடர் பாணி தாள்கள்) ஸ்டைலிங் செய்யப்படுகிறது.
நவீன வலைத்தள வடிவமைப்பு தரத்தைத் தொடர்ந்து, வலைத்தளத்தின் உரை உள்ளடக்கத்தின் தோற்றத்தை கட்டளையிட விரும்பினால், CSS ஐப் பயன்படுத்துவீர்கள். இது ஒரு பக்கத்தின் HTML அமைப்பிலிருந்து CSS நடைமுறையை பிரிக்கிறது. உதாரணமாக, நீங்கள் "Arial" க்கு ஒரு பக்கத்தின் எழுத்துருவை அமைக்க விரும்பினால், உங்கள் CSS க்கு பின்வரும் பாணி விதிகளைச் சேர்ப்பதன் மூலம் நீங்கள் அவ்வாறு செய்யலாம் (குறிப்பு - இது வெளிப்புற CSS நடை தாள் செய்யப்பட்டிருக்கும் வலைத்தளத்தின் ஒவ்வொரு பக்கத்திற்கும்):
உடல் {font-family: Arial; }இந்த எழுத்துரு "body" க்கு அமைக்கப்பட்டிருக்கிறது, எனவே CSS அடுக்கானது, பக்கத்தின் மற்ற உறுப்புகளுக்கு பாணியைப் பயன்படுத்தும். ஒவ்வொரு மற்ற HTML உறுப்பு "உடல்" உறுப்பு ஒரு குழந்தை ஏனெனில், எழுத்துரு குடும்பம் அல்லது வண்ண போன்ற CSS பாணியை பெற்றோர் இருந்து குழந்தை உறுப்பு வேண்டும். குறிப்பிட்ட உறுப்புகளுக்கு குறிப்பிட்ட உறுப்பு சேர்க்கப்படாவிட்டால் இது நிகழும். இந்த CSS உடன் ஒரே பிரச்சனை மட்டுமே ஒரே எழுத்துரு குறிப்பிடப்பட்டுள்ளது. அந்த எழுத்துருவை சில காரணங்களால் கண்டுபிடிக்க முடியவில்லையெனில், உலாவி அதன் இடத்தில் மற்றொரு இடமாற்றப்படும். நீங்கள் எந்த எழுத்துருவைப் பயன்படுத்துகிறீர்கள் என்பதில் கட்டுப்பாடு இல்லை என்பதால் இது மோசமாக உள்ளது - உலாவி உங்களுக்காகத் தேர்வு செய்யப்படும், அதை நீங்கள் பயன்படுத்த விரும்புவதை விரும்பவில்லை! ஒரு எழுத்துரு ஸ்டாக் அங்கு வருகிறது.
எழுத்துரு எழுத்துரு என்பது CSS எழுத்துரு-குடும்ப அறிவிப்பில் உள்ள எழுத்துருக்களின் பட்டியல் ஆகும். எழுத்துருக்கள் ஏற்றுவதில்லாமல் சிக்கல் ஏற்பட்டால், நீங்கள் தளத்தில் தோன்றும்படி விரும்புகிறீர்களே விரும்பும் வரிசையில் பட்டியலிடப்பட்டுள்ளன. ஒரு எழுத்துரு ஸ்டேக் கணினி வடிவமைப்பாளரை நீங்கள் அழைத்த முதல் எழுத்துரு இல்லாதபோதும் வலைப்பக்கத்தில் எழுத்துருக்கள் தோற்றத்தை கட்டுப்படுத்த அனுமதிக்கிறது.
எனவே ஒரு எழுத்துரு ஸ்டேக் எப்படி இருக்கிறது? இங்கே ஒரு உதாரணம்:
உடல் {font-family: ஜோர்ஜியா, "டைம்ஸ் நியூ ரோமன்", serif; }இங்கே கவனிக்க சில விஷயங்கள் உள்ளன.
முதலாவதாக, வெவ்வேறு எழுத்துரு பெயர்களை நாம் ஒரு கமாவால் பிரித்திருப்பதைப் பார்ப்பீர்கள். ஒவ்வொன்றிற்கும் இடையில் நீங்கள் விரும்பியவாறே பல எழுத்துருக்கள் சேர்க்கலாம், அவை ஒரு கமாவால் பிரிக்கப்பட்டிருக்கும் வரை. உலாவி முதல் குறிப்பிட்ட முதல் எழுத்துருவை ஏற்ற முயற்சிக்கும். அது தோல்வியுற்றால், அது பயன்படுத்தக்கூடிய ஒன்றை கண்டுபிடிக்கும் வரை அது ஒவ்வொரு எழுத்துருவையும் முயற்சி செய்யும். இந்த எடுத்துக்காட்டில் நாங்கள் வலை பாதுகாப்பான எழுத்துருக்களைப் பயன்படுத்துகிறோம், மேலும் "ஜார்ஜியா" தளத்தை பார்வையிடும் நபரின் கணினியில் காணலாம் (குறிப்பு - உலாவியின் பக்கத்தில் குறிப்பிட்ட எழுத்துருவிற்கான உலாவி உங்கள் கணினியில் உள்ளது, எனவே தளம் உண்மையில் சொல்கிறது உங்கள் கணினியில் இருந்து எழுத்துருவை ஏற்றும் கணினி). சில காரணங்களால் எழுத்துரு காணப்படவில்லை எனில், அதை ஸ்டாக் கீழே நகர்த்தி, அடுத்த எழுத்துருவை குறிப்பிடவும்.
அடுத்த எழுத்துருவைப் பொறுத்தவரை, இது ஸ்டேக்கில் எழுதப்பட்டிருப்பதை கவனிக்கவும். "டைம்ஸ் நியூ ரோமன்" என்ற பெயர், இரட்டை மேற்கோள்களில் இணைக்கப்பட்டுள்ளது. எழுத்துரு பெயர் பல சொற்கள் உள்ளன, ஏனெனில் இது. ஒன்றுக்கு மேற்பட்ட சொற்களால் (Trebuchet MS, Courier New, முதலியன) எந்தவொரு எழுத்துரு பெயரும் இரட்டை மேற்கோளில் பெயரைக் கொண்டிருக்க வேண்டும், இதன்மூலம் அந்த வார்த்தைகள் அனைத்தும் ஒரு எழுத்துரு பெயரின் பகுதியாக இருப்பதாக உலாவி தெரியும்.
இறுதியாக, நாம் எழுத்துரு ஸ்டாக் முடிவு "serif" உடன் முடிகிறது, இது ஒரு பொதுவான எழுத்துரு வகைப்படுத்தலாகும். உங்கள் ஸ்டேக்கில் பெயரிடப்பட்ட எழுத்துருக்களில் எதுவும் கிடைக்காததால், உலாவியானது நீங்கள் தேர்ந்தெடுத்த முறையான வகைப்பாட்டில் குறைந்தபட்சம் ஒரு எழுத்துருவைக் காணலாம். உதாரணமாக, நீங்கள் "சன்ஸ்-செரிஃப்" வகைப்படுத்தலுடன் எழுத்துரு ஸ்டாக் முடிவுகளை விட ஏரியல் மற்றும் வெர்டானா போன்ற சன்ஸ்-செரிஃப் எழுத்துருக்களைப் பயன்படுத்துகிறீர்கள் என்றால், சுமை சிக்கல் இருந்தால் குறைந்த பட்சம் அந்த குடும்பத்தின் எழுத்துருவை வைத்திருக்கும். ஒரு உலாவி ஸ்டாக் பட்டியலில் பட்டியலிடப்பட்ட எந்த எழுத்துருவை கண்டுபிடிக்க முடியாது மற்றும் அதற்கு பதிலாக இந்த பொதுவான வகைப்பாடு பயன்படுத்த வேண்டும் என்று மிகவும் அரிதாக இருக்க வேண்டும், அது இரட்டிப்பாக பாதுகாப்பாக எப்படியும் அதை சேர்க்க ஒரு சிறந்த நடைமுறையில் உள்ளது.
எழுத்துரு அடுக்குகள் மற்றும் வலை எழுத்துருக்கள்
பல வலைத்தளங்கள் இன்றைய வலை தளங்களை மற்ற ஆதாரங்களுடன் (தளத்தின் படங்கள், ஜாவாஸ்கிரிப்ட் கோப்பு, போன்றவை) சேர்த்து அல்லது கூகிள் எழுத்துருக்கள் அல்லது டைட் கிட் போன்ற ஒரு தளத்தை அமைக்கும் இடத்துடன் இணைக்கப்படுகின்றன. நீங்கள் கோப்புகளை தானாக இணைக்கும் வரை இந்த எழுத்துருக்களை ஏற்ற வேண்டும், நீங்கள் எழுந்திருக்கும் எந்த சிக்கல்களிலும் சில கட்டுப்பாடுகள் இருப்பதை உறுதிப்படுத்த நீங்கள் இன்னும் எழுத்துரு ஸ்டாக் பயன்படுத்த வேண்டும். அதேபோல் "வலை பாதுகாப்பான" எழுத்துருவிற்காக ஒருவரது கணினியில் இருக்க வேண்டும் (இந்த கட்டுரையில் உள்ள உதாரணங்கள், ஏரியல், வெர்டானா, ஜோர்ஜியா மற்றும் டைம்ஸ் நியூ ரோமன் ஆகியவற்றில் உள்ள எழுத்துக்களில் நாம் பயன்படுத்திய எழுத்துருக்கள் அனைத்தும் இணைய பாதுகாப்பான எழுத்துருக்கள் ஒரு நபரின் கணினியில்). ஒரு எழுத்துரு காணாமல் இருப்பது மிகவும் குறைவாக இருந்தாலும், எழுத்துரு ஸ்டேக் குறிப்பிடுகையில், தளத்தின் அச்சுக்கலை வடிவமைப்பை முடிந்த அளவுக்கு குண்டு துளைக்க உதவும்.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. 8/9/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது