CSS Web Safe Fonts

வலைப் பாதுகாப்பான எழுத்துருக்கள் - அனைத்து உலாவிகளிலும் கிடைக்கும்

வலைப் பாதுகாப்பான எழுத்துருக்கள் என்றால் என்ன?

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

மாற்று எழுத்துருக்கள்

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

எனவே, எப்போதும் மாற்று எழுத்துருக்களைப் பயன்படுத்துவது மிகவும் முக்கியமானது.

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

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

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

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

HTML மற்றும் CSS க்கான வலைப் பாதுகாப்பான எழுத்துருக்கள்

HTML மற்றும் CSS க்கான சிறந்த வலைப் பாதுகாப்பான எழுத்துருக்களின் பட்டியல் பின்வருமாறு:

Arial (sans-serif)
Verdana (sans-serif)
Tahoma (sans-serif)
Trebuchet MS (sans-serif)
Times New Roman (serif)
Georgia (serif)
Garamond (serif)
Courier New (monospace)
Brush Script MT (cursive)

⚠️ குறிப்பு:

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

Arial (sans-serif)

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

Arial மிகவும் பாதுகாப்பான வலை எழுத்துருக்களில் ஒன்றாகும், மேலும் இது அனைத்து முக்கிய இயக்க முறைமைகளிலும் கிடைக்கிறது.

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

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

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

CSS எழுத்துரு பயிற்சி

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

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

Lorem ipsum dolor sit amet
Arial
✗ Arial என்பது sans-serif எழுத்துரு ஆகும், ஆனால் இங்கே காட்டப்பட்ட எழுத்துரு serif வகையைச் சேர்ந்தது
Courier New
✗ Courier New என்பது monospace எழுத்துரு ஆகும், அதில் அனைத்து எழுத்துகளும் ஒரே அகலத்தைக் கொண்டிருக்கும்
Times New Roman
✓ சரி! இது கிளாசிக்கல் Times New Roman எழுத்துரு ஆகும், இது அதன் தனித்துவமான serif வடிவமைப்பு மூலம் அடையாளம் காணப்படுகிறது
Georgia
✗ Georgia ஒரு serif எழுத்துரு ஆகும், ஆனால் Times New Roman உடன் ஒப்பிடும்போது இது சற்று வித்தியாசமான தோற்றத்தைக் கொண்டுள்ளது

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

கிடைக்கக்கூடிய அனைத்து Google எழுத்துருக்களையும் அவற்றை எவ்வாறு பயன்படுத்துவது என்பதையும் பாருங்கள். Jassif Team இலிருந்து கற்றுக்கொள்ளுங்கள்.