CSS இல் பொதுவான எழுத்துரு குடும்பங்கள் யாவை?

உங்கள் வலைத்தளத்தில் பயன்படுத்த பொதுவான எழுத்துரு வகைப்பாடுகள்

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

அச்சுக்கலை வடிவமைப்பு வலைத்தள வடிவமைப்பில் முக்கிய பங்கு வகிக்கிறது. நன்கு வடிவமைக்கப்பட்ட உரை உள்ளடக்கத்தை ஒரு தளம் அனுபவமிக்க மற்றும் சுலபமாக சாப்பிடும் ஒரு வாசிப்பு அனுபவத்தை உருவாக்குவதன் மூலம் மிகவும் வெற்றிகரமாக உதவும். வகை வேலை உங்கள் முயற்சிகள் ஒரு பகுதியாக உங்கள் வடிவமைப்பு சரியான எழுத்துருக்கள் தேர்வு மற்றும் பின்னர் பக்கத்தின் காட்சி அந்த எழுத்துருக்கள் மற்றும் எழுத்துரு பாணியை சேர்க்க CSS பயன்படுத்த வேண்டும். இது " font-stack " என்று அழைக்கப்படுவதன் மூலம் செய்யப்படுகிறது.

எழுத்துரு-அடுக்குகள்

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

உடல் {font-family: ஜோர்ஜியா, "டைம்ஸ் நியூ ரோமன்", serif; }

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

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

பொதுவான எழுத்துரு குடும்பங்கள்

CSS இல் உள்ள பொதுவான எழுத்துரு பெயர்:

ஸ்லாப்-செரிஃப், பிளாக்லெட்டர், டிஸ்ப்ளே, க்ரஞ்ச் மற்றும் பலவற்றில் உள்ளிட்ட வலை வடிவமைப்பு மற்றும் அச்சுக்கலில் கிடைக்கக்கூடிய பல எழுத்துரு வகைகளும் உள்ளன. இவை பட்டியலிடப்பட்ட பொதுவான எழுத்துரு பெயர்களைக் கொண்டுள்ளன. இவை CSS இல் உள்ள font-stack இல் பயன்படுத்தப்படுகின்றன. இந்த எழுத்துரு வகைகளில் உள்ள வேறுபாடுகள் என்ன? பார்க்கலாம்!

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

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

Monospace எழுத்துருக்கள் அனைத்து எழுத்து வடிவங்களும் சமமாக அளவிடப்பட்டு, இடைவெளிகளால் நீக்கப்பட்டிருக்கின்றன, ஒரு பழைய தட்டச்சுப்பொறியில் நீங்கள் காணலாம். எழுத்துகளின் மாறுபாடுகளைக் கொண்டிருக்கும் மற்ற எழுத்துருக்களைப் போலன்றி (உதாரணமாக, ஒரு மூலதன "W" ஒரு சிறிய "i" ஐ விட அதிகமான அறைகளை எடுக்கும்), monospace எழுத்துருக்கள் அனைத்து எழுத்துக்களுக்கும் அகலமாக அமைக்கப்பட்டிருக்கும். அந்த பக்கத்தில் உள்ள மற்ற உரைகளை விட வித்தியாசமாக வித்தியாசமாக இருப்பதால் குறியீட்டை ஒரு பக்கத்தில் காட்டும்போது இந்த எழுத்துருக்கள் பெரும்பாலும் பயன்படுத்தப்படுகின்றன.

Serif எழுத்துருக்கள் மிகவும் பிரபலமான வகைப்பாடுகளில் ஒன்றாகும். இவை எழுத்து வடிவில் சிறிய கூடுதல் லிங்கங்களைக் கொண்டுள்ள எழுத்துருக்களாக உள்ளன. அந்த கூடுதல் துண்டுகள் "serifs" என்று அழைக்கப்படுகின்றன. பொதுவான செரிஃப் எழுத்துருக்கள் ஜோர்ஜியா மற்றும் டைம்ஸ் நியூ ரோமன். Serif எழுத்துருக்கள் உரை மற்றும் உடல் நகலை நீண்ட பத்திகளை தலைப்பு போன்ற பெரிய உரை பயன்படுத்தலாம்.

Sans-serif நாம் பார்க்க இருக்கும் இறுதி வகைப்பாடு ஆகும். இவை மேற்கூறிய லிங்கங்களைக் கொண்டிருக்காத எழுத்துருக்கள். பெயர் "serifs இல்லாமல்" என்று பொருள். இந்த பிரிவில் பிரபலமான எழுத்துருக்கள் ஏரியல் அல்லது ஹெல்வெடிகா இருக்கும். Serifs போல, sans-serif எழுத்துருக்கள் தலைப்புகள் மற்றும் உடல் உள்ளடக்கத்தை சமமாக நன்றாக பயன்படுத்த முடியும்.

ஜெனிபர் கிரைனின் அசல் கட்டுரை. 10/16/17 அன்று ஜெர்மி கிரிகாரால் திருத்தப்பட்டது