CSS Web Safe Fonts

CSS Web Safe Fonts பற்றி கற்றுக்கொள்ளுங்கள்

What are Web Safe Fonts?

Web safe fonts என்பது அனைத்து உலாவிகள் மற்றும் சாதனங்களிலும் உலகளாவியாக நிறுவப்பட்ட எழுத்துருக்கள் ஆகும்.

Fallback Fonts

இருப்பினும், 100% முழுமையான web safe fonts எதுவும் இல்லை. ஒரு எழுத்துரு காணப்படவில்லை அல்லது சரியாக நிறுவப்படவில்லை என்பதற்கான வாய்ப்பு எப்போதும் உள்ளது.

எனவே, எப்போதும் fallback fonts பயன்படுத்துவது மிகவும் முக்கியமானது.

இதன் பொருள் நீங்கள் font-family பண்பில் ஒத்த "பக்கアップ எழுத்துருக்கள்" பட்டியலைச் சேர்க்க வேண்டும். முதல் எழுத்துரு வேலை செய்யாவிட்டால், உலாவி அடுத்த எழுத்துருவை முயற்சிக்கும், பின்னர் அடுத்ததை முயற்சிக்கும், மற்றும் பல. எப்போதும் பொதுவான எழுத்துரு குடும்பப் பெயருடன் பட்டியலை முடிக்கவும்.

எடுத்துக்காட்டு

இங்கே, நாங்கள் மூன்று எழுத்துருக்களை பட்டியலிடுகிறோம்: Tahoma, Verdana, மற்றும் sans-serif. இரண்டாவது மற்றும் மூன்றாவது எழுத்துருக்கள் பக்கアップ எழுத்துருக்கள், முதல் எழுத்துரு கிடைக்காவிட்டால்:

p {
  font-family: Tahoma, Verdana, sans-serif;
}

Web Safe Fonts for HTML and CSS

பின்வரும் பட்டியல் HTML மற்றும் CSS-க்கான சிறந்த web safe fonts ஆகும்:

⚠️ குறிப்பு:

உங்கள் வலைத்தளத்தை வெளியிடுவதற்கு முன், எப்போதும் உங்கள் எழுத்துருக்கள் வெவ்வேறு உலாவிகள் மற்றும் சாதனங்களில் எவ்வாறு தோன்றுகின்றன என்பதைச் சரிபார்க்கவும், மற்றும் எப்போதும் fallback fonts பயன்படுத்தவும்!

Arial (sans-serif)

Arial என்பது ஆன்லைன் மற்றும் அச்சிடப்பட்ட ஊடகங்கள் இரண்டிற்கும் மிகவும் பரவலாகப் பயன்படுத்தப்படும் எழுத்துரு ஆகும். Arial என்பது Google Docs-ல் இயல்புநிலை எழுத்துருவாகும்.

Arial என்பது மிகவும் பாதுகாப்பான web fonts-ல் ஒன்றாகும், மற்றும் இது அனைத்து முக்கிய operating systems-ல் கிடைக்கிறது.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Verdana (sans-serif)

Verdana என்பது மிகவும் பிரபலமான எழுத்துரு ஆகும். Verdana சிறிய எழுத்துரு அளவுகளுக்கு கூட எளிதாக படிக்கக்கூடியது.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Tahoma (sans-serif)

Tahoma எழுத்துருவில் எழுத்துக்களுக்கு இடையே குறைவான இடைவெளி உள்ளது.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Trebuchet MS (sans-serif)

Trebuchet MS 1996-ல் Microsoft-ல் வடிவமைக்கப்பட்டது. இந்த எழுத்துருவை கவனமாக பயன்படுத்தவும். அனைத்து மொபைல் operating systems-லும் ஆதரிக்கப்படாது.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Times New Roman (serif)

Times New Roman என்பது உலகில் மிகவும் அங்கீகரிக்கப்படும் எழுத்துருக்களில் ஒன்றாகும். இது தொழில்முறையாகத் தோன்றுகிறது மற்றும் பல செய்தித்தாள்கள் மற்றும் "செய்தி" வலைத்தளங்களில் பயன்படுத்தப்படுகிறது. இது Windows சாதனங்கள் மற்றும் பயன்பாடுகளுக்கான முதன்மை எழுத்துருவாகும்.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Georgia (serif)

Georgia என்பது ஒரு நேர்த்தியான serif எழுத்துரு ஆகும். இது வெவ்வேறு எழுத்துரு அளவுகளில் மிகவும் படிக்கக்கூடியது, எனவே இது மொபைல்-பதிலளிக்கும் வடிவமைப்புக்கு நல்ல வேட்பாளராகும்.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Garamond (serif)

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

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Courier New (monospace)

Courier New என்பது மிகவும் பரவலாகப் பயன்படுத்தப்படும் monospace serif எழுத்துரு ஆகும். Courier New பெரும்பாலும் குறியீடு காட்சிகளுடன் பயன்படுத்தப்படுகிறது, மற்றும் பல மின்னஞ்சல் வழங்குநர்கள் இதை அவர்களின் இயல்புநிலை எழுத்துருவாகப் பயன்படுத்துகின்றனர். Courier New திரைப்படத் திரைக்கதைகளுக்கான நிலையான எழுத்துருவாகும்.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

Brush Script MT (cursive)

Brush Script MT எழுத்துரு கையெழுத்தைப் போலவே இருக்க வடிவமைக்கப்பட்டது. இது நேர்த்தியானது மற்றும் சிக்கலானது, ஆனால் படிக்க கடினமாக இருக்கலாம். இதை கவனமாக பயன்படுத்தவும்.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9

💡 உதவிக்குறிப்பு:

அனைத்து கிடைக்கக்கூடிய Google Fonts மற்றும் அவற்றை எவ்வாறு பயன்படுத்துவது என்பதையும் பார்க்கவும்.

CSS Web Safe Fonts பயிற்சி

இந்த டுடோரியலில் உள்ள பல அத்தியாயங்கள் உங்கள் அறிவு நிலையைச் சரிபார்க்கக்கூடிய பயிற்சியுடன் முடிகின்றன.

இது எந்த எழுத்துரு?

Lorem ipsum dolor sit amet
Arial
✗ தவறு!
Courier New
✗ தவறு!
Times New Roman
✓ சரி!
Georgia
✗ தவறு!