உங்கள் வலைத்தளத்தின் உள்ளே Font களை உள்ளூர் சேமிப்பதற்கான வழிமுறைகள்

Font களை உள்ளூர் சேமிப்பு என்பது உங்கள் வலைத்தளத்தில் நீங்கள் பயன்படுத்தும் எழுத்துரு கோப்புகளை மூன்றாம் தரப்பின் சேவையைப் பயன்படுத்தாமல் உங்கள் சொந்த ஹோஸ்டிங் கணக்கில் அல்லது உங்களுக்கே சொந்தமான CDN மூலம் வழங்குவது ஆகும். சரியாக செயல்படுத்தப்படும் போது, DNS தேடல், TLS கைமாற்றம் மற்றும் வெளிப்புற கோரிக்கையின் தாமதங்களை குறைத்து, உங்கள் வலைத்தளத்தின் ஏற்றுமதி நேரத்தை குறைக்கலாம்; குறிப்பாக, Core Web Vitals, பயனர் அனுபவம் மற்றும் SEO செயல்திறனைப் பற்றிய அளவீட்டு நன்மையை வழங்குகிறது. சிறந்த முடிவிற்காக, தேவையான எழுத்துரு எடை மட்டுமே பயன்படுத்த வேண்டும், WOFF2 வடிவத்தை தேர்வு செய்ய வேண்டும், முக்கிய எழுத்துருக்களை முன்கூட்டியே ஏற்ற வேண்டும் மற்றும் CSS இல் font-display: swap என்பதைக் குறிப்பிட வேண்டும்.

பல வலைத்தளங்கள், வடிவமைப்பு கட்டத்தில் Google Fonts, Adobe Fonts அல்லது தீமையுடன் வரும் தொலைவிலுள்ள எழுத்துரு இணைப்புகளை கவனிக்காமல் பயன்படுத்துகின்றன. முதல் பார்வையில் நடைமுறையாக இருக்கும் இந்த முறை, ஒவ்வொரு பார்வையாளரின் உலாவியில் கூடுதல் டொமைன் தீர்மானம், இணைப்பை உருவாக்குதல் மற்றும் கோப்புகளை பதிவிறக்கம் செய்யும் படி கட்டுப்படுத்தலாம். மொபைல் நெட்வொர்க்களில் 100-300 மில்லி செக்கெண்டுகள் போன்ற குறியீட்டில் உள்ள தாமதங்கள், சில எழுத்துரு குடும்பங்கள் மற்றும் மாறுபட்ட எடைகள் இணைந்தால், மொத்தப் பக்கம் திறப்பை குறிப்பிடத்தக்க அளவிற்கு நீட்டிக்கலாம். எனவே, உள்ளூர் Font களை கொண்ட அணுகுமுறை, தொழில்நுட்ப விவரம் மட்டுமல்ல; விரைவான, கட்டுப்படுத்தப்பட்ட மற்றும் நிலையான வலை செயல்திறனை அடைய ஒரு உத்தியோகபூர்வமான முறையாகும்.

இந்த வழிகாட்டியில், Font களை உள்ளூர் சேமிப்பதன் நோக்கம் என்ன, எப்போது பயன் பெறலாம், WordPress அல்லது தனிப்பயன்பாட்டு வலைத்தளங்களில் எப்படி செயல்படுத்துவது மற்றும் 2026 SEO தரநிலைகளின் அடிப்படையில் எந்த தவறுகளை தவிர்க்க வேண்டும் என்பதைக் கட்டத்தில் கட்டத்தில் எடுத்துக்கொள்வோம். மேலும் Hostragons இல் விரைவான மற்றும் பாதுகாப்பான ஹோஸ்டிங் அடித்தளத்தைப் பயன்படுத்தி Font ஒழுங்குபடுத்தல்களை எப்படி திட்டமிடலாம் என்பதற்கான நடைமுறை பரிந்துரைகளும் உள்ளன. உங்கள் ஹோஸ்டிங் தேர்வு செயல்திறனின் அடிப்படையாகும்; Font ஒழுங்குபடுத்தல் இந்த அடிப்படையின் மேல் செய்யப்பட்ட சீரமைப்பு ஆகும். தொடர்புடைய அடித்தளத் தெரிவுகளுக்கு Hostragons வலை ஹோஸ்டிங் தொகுப்புகள் இணைப்பை மதிப்பீடு செய்யலாம்.

Font களை உள்ளூர் சேமிப்பு என்றால் என்ன?

Font களை உள்ளூர் சேமிப்பு என்பது, ஒரு எழுத்துரு தொடர்பான கோப்புகளை உங்கள் வலைத்தளத்தின் கோப்பு அமைப்பில் சேமித்து, பார்வையாளர்களுக்கு இதிலிருந்து வழங்குவது ஆகும். எடுத்துக்காட்டாக, Google Fonts மூலம் Inter, Roboto அல்லது Montserrat ஐ அழைக்கும் பதிலாக, சம்பந்தப்பட்ட WOFF2 கோப்புகளை பதிவிறக்கம் செய்து, உங்கள் வலைத்தளத்தின் /fonts அல்லது /assets/fonts கோவையில் ஏற்ற வேண்டும். பின்னர் CSS கோப்பில் @font-face சட்டத்தைப் பயன்படுத்தி, இந்த கோப்புகளின் பாதையை வரையறுக்க வேண்டும். உலாவி, பக்கம் ஏற்றப்படும் போது, வெளிப்புற Font சேவைகளுக்கு செல்லாமல் நேரடியாக உங்கள் டொமைனில் இருந்து Font கோப்புகளை பெறும்.

இந்த அணுகுமுறை குறிப்பாக செயல்திறன், தனியுரிமை மற்றும் கட்டுப்பாட்டிற்காக முக்கியமானது. Font கோப்புகள் எந்த வடிவத்தில் வழங்கப்பட வேண்டும், எந்த cache காலத்துடன் சேமிக்கப்பட வேண்டும், எந்த எடைகள் ஏற்றப்படும் மற்றும் எந்த பக்கங்களில் பயன்படுத்தப்பட வேண்டும் என்பதனை நீங்கள் நிர்ணயிக்கிறீர்கள். எடுத்துக்காட்டாக, உங்கள் வலைத்தளத்தில் 400 மற்றும் 700 எடைகள் மட்டும் பயன்படுத்தப்படும்போது, 300, 500, 600, 800 போன்ற தேவையற்ற கோப்புகளை வைத்திருக்கக் கூடாது. இதனால் மொத்த கோப்பின் அளவும் குறைகிறது மற்றும் CSS குழப்பமும் குறைகிறது.

தொழில்முறை முறையில், உள்ளூர் Font களைப் பயன்படுத்துவதின் மூன்று முக்கியப் பகுதிகள் உள்ளன: சீரமைக்கப்பட்ட Font கோப்புகள், சரியான CSS வரையறை மற்றும் விளைவான சேவையகம் cache. இந்த மூன்றில் ஒன்று இழப்பின் போது எதிர்பார்க்கப்படும் வேகம் குறைவாக இருக்கலாம். எடுத்துக்காட்டாக, WOFF2 பதிலாக பழைய TTF கோப்புகளைப் பயன்படுத்தினால், கோப்பின் அளவு அதிகரிக்கிறது. Cache தலைப்புகள் தவறாக இருந்தால், பார்வையாளர் ஒவ்வொரு பக்கத்திலும் ஒரே Font ஐ மீண்டும் பதிவிறக்கம் செய்ய வேண்டியிருக்கும். Preload தவறாக பயன்படுத்தப்படுத்தால், உலாவி தேவையற்ற முன்னுரிமை அளிக்கலாம்.

Font ஒழுங்குபடுத்தல் SEO க்கு ஏன் முக்கியம்?

Google, பயனர் அனுபவத்தை தரவரிசை அமைப்புகளில் நேரடி மற்றும் dolaylı சிக்னல்களுடனே மதிப்பீடு செய்கிறது. வலைத்தளத்திறன், மொபைல் பயன்பாட்டுக்கூறுகள், தொடர்பு தாமதம் மற்றும் காட்சி நிலைத்தன்மை இந்த மதிப்பீட்டில் முக்கியமாக உள்ளது. Font கள்; Largest Contentful Paint, Cumulative Layout Shift மற்றும் உணர்வுப்படுத்தப்பட்ட ஏற்றுமதி நேரத்தில் தாக்கம் உண்டாக்கலாம். தலைப்பு அல்லது முதல் திரையில் காணப்படும் உரை ஒரு குறிப்பிட்ட Font மூலம் உருவாக்கப்படும்போது, Font கோப்பின் தாமதம் LCP மதிப்பை தாமதமாக்கலாம்.

2026 SEO அணுகுமுறையில் உள்ளடக்கத்தின் தரத்திற்காக தொழில்நுட்ப அணுகல் முக்கியத்துவம் வாய்ந்தது. Googlebot உங்கள் பக்கத்தை தேடும்போது, மூல கோப்புகளுக்கு அணுகக்கூடியதாக இருக்க வேண்டும்; பயனர்கள் பக்கத்தை விரைவாக மற்றும் நிலைமையாக காண வேண்டும். வெளிப்புற Font வழங்குநர்களில் ஏற்படும் இணைப்புத் தாமதம், நாடு அடிப்படையிலான அணுகல் பிரச்சினைகள் அல்லது சில நேரங்களில் DNS பிரச்சினைகள் உங்கள் வலைத்தளத்தின் கட்டுப்பாட்டில் இல்லை. Font களை உள்ளூர் சேமிப்பது இந்த неопределенность களை குறைக்கிறது.

அனுபவ மையமாகக் கொண்டு ஒரு எடுத்துக்காட்டை அளிப்போம்: 1.8 MB மொத்த பக்கம் அளவிற்கு உட்பட்ட ஒரு நிறுவன வலைத்தளத்தில், நான்கு மாறுபட்ட Google Fonts குடும்பங்கள், எட்டு எடைகள் மற்றும் இரண்டு மாறுபாடுகள் இருந்தால், Font கோரிக்கைகள் 450-700 KB வரை அடைகலாம். இந்த கோப்புகளில் சில முதல் திரையில் பயன்படுத்தப்படவில்லை என்றாலும், உலாவி CSS காரணமாக அவற்றை கோரிக்கையிடலாம். அதே வடிவமைப்பில் இரண்டு Font குடும்பங்கள், மூன்று எடைகள் மற்றும் WOFF2 துண்டு பயன்படுத்தினால், Font அளவு 90-180 KB வரை குறைக்கலாம். இந்த மாறுபாடு, குறிப்பாக 4G இணைப்பு மற்றும் குறைந்த சக்தி கொண்ட சாதனங்களில் உணரக்கூடியது.

வெளிப்புற Font சேவை மற்றும் உள்ளூர் Font சேமிப்பு ஒப்பீடு

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

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

Font களை உள்ளூர் சேமிப்பதன் இணையதள வேகத்திற்கு தாக்கம்

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

செயல்திறன் தாக்கத்தைப் புரிந்துகொள்ள மூன்று அளவீடுகள் முக்கியம். முதன்மை LCP, அதாவது பயனர் திரையில் மிகப்பெரிய உள்ளடக்க உருப்படியைப் பார்த்த காலம். இரண்டாவது CLS, அதாவது Font மாற்றத்தால் உரையின் அகலம் மற்றும் உயரம் மாறுவதால் ஏற்படும் நகர்வுகள். மூன்றாவது INP, அதாவது தொடர்பு செறிவு; Font கள் நேரடியாக INP அளவீட்டின் முக்கிய காரணிகள் அல்ல, ஆனால் மூடிய CSS மற்றும் தேவையற்ற ஆதாரங்கள் முக்கியம் உள்ள தந்தியில் வேலைக்குப் பிடித்துக்கொண்டு dolaylı தாக்கத்தை உருவாக்கலாம்.

நல்ல முறையில் சீரமைக்கப்பட்ட Font உத்தியில் இலக்குகள் அடிப்படையிலானவை: முதல் திரையில் பயன்படுத்தப்படும் Font 100 KB உட்பட்டதாக இருக்க வேண்டும், தேவையற்ற மாறுபாடுகள் ஏற்றப்படக் கூடாது, Font கோப்புகள் நீண்ட கால சேமிப்புடன் வழங்கப்பட வேண்டும் மற்றும் முக்கிய Font களை தேவைப்பட்டால் முன்கூட்டியே ஏற்ற வேண்டும். ஒரு e-commerce தயாரிப்பு பக்கம் தலைப்பு, விலை மற்றும் CTA உரைக்கு அதே Font குடும்பத்தின் 400 மற்றும் 700 எடைகள் மட்டும் போதுமானதாக இருந்தால், 9 மாறுபட்ட எடைகளை ஏற்றுவது வீணாகும். உங்கள் e-commerce அடித்தளத்தின் வேகத்தை மேம்படுத்த உயர் செயல்திறன் ஹோஸ்டிங் தீர்வுகள் பக்கத்தைப் பார்வையிடலாம்.

Self-Host Fonts க்கான சரியான Font வடிவங்கள்

WOFF2 ஏன் சிறந்த தேர்வு?

modern web க்கான மிகச் சிறந்த Font வடிவம் பெரும்பாலான சூழ்நிலைகளில் WOFF2 ஆகும். WOFF2, நல்ல அழுத்தக் குறிப்பைக் கொண்டது மற்றும் சமீபத்திய உலாவிகளின் பெரும்பாலானவற்றால் ஆதரிக்கப்படுகிறது. TTF அல்லது OTF கோப்புகள் வடிவமைப்பு மற்றும் மேசை பயன்பாட்டிற்காக ஏற்றதாக இருந்தாலும், வலை செயல்திறனுக்காக பொதுவாக தேவையற்ற அளவு ஆக இருக்கிறது. EOT போன்ற பழைய வடிவங்கள் தற்போது மிகப் பழைய உலாவி குறிக்கோள்களில் மட்டுமே பொருத்தமாக இருக்கும்.

எடுத்துக்காட்டாக, அதே Font இன் TTF கோப்பு 300 KB ஆக இருந்தால், WOFF2 பதிப்பு 80-120 KB அளவுக்குள் இருக்கலாம். பல எடைகளைப் பயன்படுத்தும்போது இந்த மாறுபாடு பெரிதாகும். எனவே, உள்ளூர் சேமிப்பு செய்யும்போது Font கோப்புகளை உள்ளதுபோல பதிவிறக்கம் செய்வதற்கு பதிலாக, வலைத்தளத்திற்கு ஏற்றவாறு சீரமைக்கப்பட்ட WOFF2 கோப்புகளைப் பயன்படுத்த வேண்டும்.

Variable font ஐப் பயன்படுத்த வேண்டுமா?

Variable font என்பது, ஒரு கோப்பில் பல எடைகள் அல்லது ஸ்டைல் மாறுபாடுகளை கொண்டிருக்கக் கூடியது. உங்கள் வடிவமைப்பில் 300 முதல் 800 வரை பல எடைகள் பயன்படுத்தப்படும்போது, variable font பொருத்தமானது. ஆனால் 400 மற்றும் 700 மட்டும் பயன்படுத்தினால், இரண்டு வேறுபட்ட நிலையான WOFF2 கோப்புகள் சில சமயம் மொத்த அளவுக்கு சிறியதாக இருக்கலாம். முடிவெடுக்கும்போது, கோப்பு அளவு, பயன்படுத்தப்படும் மாறுபாடுகளின் எண்ணிக்கையை மற்றும் உலாவி ஆதரவை சோதிக்க வேண்டும்.

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

Font களை உள்ளூர் சேமிப்பது எப்படி?

கீழ்கண்ட கட்டுப்பாடுகள் WordPress, தனிப்பயன்பாட்டு PHP பயன்பாடுகள், Laravel, Node.js அடிப்படையிலான திட்டங்கள் மற்றும் நிலையான வலைத்தளங்களுக்கு ஏற்படுத்தப்படலாம். தரவியல் ஒரே மாதிரியே உள்ளது: தேவையற்ற Font களை அகற்று, தேவையான கோப்புகளை சீரமைக்கவும், உங்கள் சேவையகத்தில் வழங்கவும் மற்றும் முடிவை சோதிக்கவும்.

1. உள்ள Font பயன்பாட்டை சோதிக்கவும்

முதல் கட்டுப்பாடு, உங்கள் வலைத்தளம் எந்த Font களை எங்கு அழைக்கிறது என்பதை பார்வையிட வேண்டும். Chrome DevTools Network பகுதியில் "Font" வடிகட்டியைப் பயன்படுத்தி அனைத்து Font கோரிக்கைகளை பட்டியலிடலாம். PageSpeed Insights, WebPageTest அல்லது Lighthouse அறிக்கைகளில் உருவாக்க-blocking ஆதாரங்கள் மற்றும் மூன்றாம் தரப்பு கோரிக்கைகளைச் சோதிக்கவும். இங்கு, கீழ்காணும் கேள்விகளுக்குப் பதிலளிக்கவும்: எத்தனை Font குடும்பங்கள் பயன்படுத்தப்படுகின்றன? எத்தனை எடைகள் ஏற்றப்படுகின்றன? Font கள் எங்கு இருந்து வருகின்றன? முதல் திரையில் உண்மையில் எவை தேவையாக இருக்கின்றன?

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

2. தேவையான Font கோப்புகளை பதிவிறக்கம் செய்து சீரமைக்கவும்

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

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

3. Font களை சரியான கோவையில் ஏற்றவும்

Font கோப்புகளை ஒழுங்கான கோப்பு அமைப்பில் சேமிக்கவும். எடுத்துக்காட்டாக /assets/fonts/inter/inter-400.woff2 மற்றும் /assets/fonts/inter/inter-700.woff2 போன்ற வாசிக்கக்கூடிய கோப்பு பெயர்களைப் பயன்படுத்தலாம். கோப்பு பெயர்களில் பதிப்பு தகவலைச் சேர்க்கலாம், இது cache நிர்வகிப்பை எளிதாக்குகிறது: inter-400-v2.woff2 போன்றது. எனவே, நீங்கள் Font ஐ புதுப்பிக்கும் போது, பழைய cache பிரச்சினைகள் ஏற்படாது.

ஹோஸ்டிங் கட்டுப்பாட்டிலிருந்து கோப்பு மேலாளரை, FTP அல்லது Git அடிப்படையிலான வெளியீட்டைப் பயன்படுத்தலாம். கோப்பு அனுமதிகள் பொதுவாக 644 ஆக இருக்க வேண்டும், கோவின் அனுமதிகள் 755 ஆக இருக்க வேண்டும். Font கோப்புகள் அனைவருக்கும் வாசிக்கக்கூடியதாக இருக்க வேண்டும்; இல்லையெனில் உலாவி 403 பிழை ஏற்படும் மற்றும் முறை Font க்கு மாறும். சேவையகம் பக்கம் MIME வகை அமைப்பைச் சரி பார்க்கவும். WOFF2 க்கான சரியான உள்ளடக்கம் வகை font/woff2 ஆக இருக்க வேண்டும்.

4. CSS இல் @font-face ஐ வரையறுக்கவும்

Font களை உள்ளூர் சேமிப்பதற்கான மையம் @font-face சட்டம் ஆகும். எளிமையான வரையறை இங்கு உள்ளது: @font-face { font-family: Inter; src: url('/assets/fonts/inter/inter-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }. அதே Font குடும்பத்தின் பாட்டியுடன் உள்ள பதிப்பு font-weight: 700 ஐ உள்ளடக்கிய சீரான வரையறையைச் சேர்க்க வேண்டும்.

இதில் மிகவும் முக்கியமான வரிகளில் ஒன்று font-display: swap என்ற மதிப்பு ஆகும். இந்த மதிப்பு, தனிப்பட்ட Font ஏற்றப்படுவதற்கு முன், உலாவிக்கு சிஸ்டம் Font க்கான உரையை காட்ட அனுமதிக்கிறது. இதன் மூலம், தெரியாத உரையின் பிரச்சினை குறைகிறது. இதற்கான மாற்றாக, உங்கள் சிஸ்டம் பலவகை Font க்கான தேர்வுகளை சரியாக தேர்ந்தெடுக்க வேண்டும். எடுத்துக்காட்டாக, Inter க்கான Arial அல்லது system-ui பெரும்பாலான சந்தர்ப்பங்களில் ஏற்றதாக இருக்கிறது.

5. முக்கிய Font களை முன்கூட்டியே ஏற்றவும்

Preload என்பது, உலாவிக்கு குறிப்பிட்ட ஒரு ஆதாரத்தை முன்னணி பதிவிறக்கம் செய்ய வேண்டும் என்று கூறும் ஒரு வலிமையான சிக்னல் ஆகும். முதல் திரையில் தலைப்பு மற்றும் உடல் உரை பயன்படுத்தப்படும் முக்கிய Font கோப்புகளை முன்கூட்டியே ஏற்றுவது LCP ஐ மேம்படுத்தலாம். ஆனால், அனைத்து Font களை முன்கூட்டியே ஏற்றுவது தவறு. உலாவி தேவையற்ற ஆதாரங்களுக்கு பாணி ஒதுக்குகிறது மற்றும் காட்சிகள் அல்லது முக்கிய CSS தாமதமாகலாம்.

பெறுபேறாக, முதலில் திரையில் உண்மையாக வழங்கப்படும் 1 அல்லது அதிகபட்சம் 2 Font கோப்புகளை மட்டுமே முன்கூட்டியே ஏற்றுங்கள். எடுத்துக்காட்டாக, முதன்மை உடல் Font 400 மற்றும் தலைப்பு Font 700 முதலில் திரையில் காட்டப்படுவதால், இந்த இரண்டு கோப்புகள் முன்பதிவு செய்யலாம். வலைப் பதிவின் விவரம் பக்கத்தில் உள்ளீட்டுக் Font முதலில் திரையில் பயன்படுத்தப்படவில்லை என்றால், முன்கூட்டியே ஏற்ற வேண்டாம். Preload பிறகு Network பகுதியில் Font உண்மையில் முன்கூட்டியே பதிவிறக்கம் செய்யப்பட்டது மற்றும் இரட்டை பதிவிறக்கம் ஏற்படவில்லை என்பதைக் கண்டு கொள்ளுங்கள்.

6. Cache மற்றும் அழுத்தம் அமைப்புகளை வடிவமைக்கவும்

Font கோப்புகள் அடிக்கடி மாறாத நிலையான ஆதாரங்கள் ஆகும். எனவே, நீண்ட கால உலாவி cache அமைப்புகளுடன் வழங்கப்பட வேண்டும். Cache-Control தலைப்பில் public, max-age=31536000, immutable என்பதே பொதுவான தேர்வு ஆகும். கோப்பு பெயரில் பதிப்பை பயன்படுத்தினால், ஒரு ஆண்டு cache பாதுகாப்பாகிவிடும்; ஏனெனில் புதுப்பிப்பு தேவைப்படும் போது, கோப்பு பெயரை மாற்றுகிறீர்கள்.

WOFF2 ஏற்கனவே அழுத்தப்பட்ட வடிவமாகவே உள்ளது; எனவே, மேலும் Brotli அல்லது Gzip மூலம் பெரிய பயன்களை எதிர்பார்க்க முடியாது. இருந்தாலும், உங்கள் சேவையகத்தின் நிலையான கோப்பு வழங்கும் செயல்திறன் முக்கியமாகும். Hostragons இல் LiteSpeed, NVMe டிஸ்க் மற்றும் சரியான cache அமைப்புகளைப் பயன்படுத்தினால், Font கோப்புகள் மிகவும் விரைவாக பதிலளிக்கலாம். அடிப்படையில் SSL இன் சரியான அமைப்பு HTTP/2 மற்றும் HTTP/3 செயல்திறனை மேம்படுத்துவதற்காக முக்கியமாகும்; இந்தப் பகுதியில் SSL சான்றிதழ் அமைப்பு மற்றும் HTTPS கையேடு உள்ளடக்கம் பயனுள்ளதாக இருக்கலாம்.

WordPress வலைத்தளங்களில் உள்ளூர் Font சேமிப்பு

WordPress இல் Font ஒழுங்குபடுத்தல் தீமைகள், இணைப்புகள் மற்றும் பக்கம் உருவாக்கிகளுக்கு ஏற்ப மாறுபடுகிறது. முதலில், உங்கள் தீமையில் Google Fonts ஐக் கட்டுப்படுத்த முடியுமா என்பதைக் சரி பார்க்கவும். பல மாடர்ன் தீமைகள், வகை அமைப்புகளில் Google Fonts ஐ செயலிழக்க செய்யும் விருப்பத்தை வழங்குகின்றன. Elementor, Gutenberg பிளாக் இணைப்புகள் அல்லது ஸ்லைடர் இணைப்புகள் கூட தங்களின் Font அமைப்புகளை கொண்டிருக்கலாம். ஒரே Font ஐ பல மூலங்களிலிருந்து மீண்டும் மீண்டும் ஏற்றுவதற்கான தடையை உருவாக்க, அனைத்து கூறுகளை தனித்தனியாகப் பரிசீலிக்கவும்.

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

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

தொழில்நுட்ப SEO மற்றும் Core Web Vitals அடிப்படையில் கட்டுப்பாட்டு பட்டியல்

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

• Google Fonts, fonts.gstatic அல்லது அதற்கு சமமான வெளிப்புற Font கோரிக்கைகளை Network பகுதியில் நீக்கப்பட்டுள்ளதாக உறுதிப்படுத்தவும்.
• மொத்த Font கோப்பு எண்ணிக்கையை 2-4 வரம்பில் வைத்துக்கொள்ளவும்.
• WOFF2 வடிவத்தைப் பயன்படுத்துகிறீர்கள் என்பதை உறுதிப்படுத்தவும் மற்றும் கோப்பு அளவுகள் பொருத்தமானதாக உள்ளன.
• font-display: swap அல்லது பொருத்தமான சூழ்நிலைகளில் optional மதிப்பை சோதிக்கவும்.
• முதல் திரையில் பயன்படுத்தப்படும் மிகவும் முக்கிய Font தவிர, தேவையற்ற preload செய்ய வேண்டாம்.
• Cache-Control தலைப்புகள் நீண்டகால cache க்கே உரிமை பெற்றதாக உள்ளன என்பதைக் சரி பாருங்கள்.
• தமிழ் எழுத்துக்கள் அனைத்து உலாவிகளிலும் சரியாக காட்சியளிக்கின்றன என்பதைக் சோதிக்கவும்.
• மொபைல் PageSpeed Insights, Lighthouse மற்றும் WebPageTest முடிவுகளை மாற்றங்களுக்கு முன் ஒப்பிடவும்.

அளவீட்டில் ஒரு சோதனை முடிவுக்கு நம்பிக்கை வைக்க வேண்டாம். நெட்வொர்க் நிலைகளை, சேவையகம் மையம் மற்றும் சோதனை இடம் முடிவுகளை பாதிக்கின்றன. குறைந்தது மூன்று சோதனைகள் மேற்கொண்டு, சராசரி போக்குகளைப் பார்வையிடுவது மிகச் சிறந்தது. LCP 2.8 வினாடிகளில் இருந்து 2.3 வினாடிகளுக்கு குறைவானால், இது முக்கிய முன்னேற்றமாகும். Font ஒழுங்குபடுத்தல் பிறகு CLS அதிகரிக்குமானால், fallback Font தேர்வு மற்றும் Font அளவீடுகளை மீண்டும் பார்வையிடவும்.

அடிக்கடி செய்யப்படும் பிழைகள்

மிகவும் அதிக Font குடும்பங்களைப் பயன்படுத்துதல்

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

தவறான fallback Font ஐ தேர்வு செய்தல்

தனிப்பட்ட Font ஏற்றப்படுவதற்கு முன்பு காட்சியளிக்கப்படும் சிஸ்டம் Font, பின்னர் வரும் Font க்காக மிகவும் மாறுபட்ட அளவுகள் கொண்டிருந்தால், உரை நகர்வுகள் ஏற்படலாம். இது CLS மதிப்பை அதிகரிக்கலாம். fallback Font ஐ தேர்வு செய்யும்போது x-height, எழுத்து அகலம் மற்றும் வரி உயரம் ஒத்துமை கண்டு கொள்ளுங்கள். system-ui, Arial, Helvetica, Georgia போன்ற தேர்வுகளை உங்கள் வடிவமைப்பிற்கு ஏற்ப சோதிக்கவும்.

எல்லாவற்றையும் preload செய்வது

Preload என்பது வலிமையான ஆனால் தவறான முறையில் பயன்படுத்தப்படும் போது தீங்கான சாதனம் ஆகும். அனைத்து Font எடைகளை preload செய்வது, உலாவியின் முன்னுரிமை வரிசையை மாற்றுகிறது. இந்த நிலைமை, குறிப்பாக ஹீரோ காட்சிகள் உள்ள பக்கங்களில் LCP ஐ மேம்படுத்துவதற்குப் பதிலாக மோசமாக்கலாம். Preload தீர்மானத்தை முதல் திரையில் உண்மையான பயன்பாடு மற்றும் சோதனை முடிவுகளை அடிப்படையாகக் கொண்டு எடுக்க வேண்டும்.

உரிமம் விதிகளை தவிர்த்து செல்லுதல்

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

பாதுகாப்பு, தனியுரிமை மற்றும் அடித்தள அளவு

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

அடிப்படையிலுள்ள HTTPS கட்டாயமாக இருக்க வேண்டும். Font கோப்புகள் HTTP மூலம் அழைக்கப்படும்போது, mixed content பிரச்சினைகள் அல்லது உலாவி தடைகள் ஏற்படலாம். உங்கள் டொமைனின் சரியான DNS அமைப்பு, SSL சான்றிதழ் மற்றும் ஹோஸ்டிங் செயல்திறன் இங்கு அடிப்படையாகும். புதிய திட்டம் ஒன்றைத் தொடங்கும்போது, டொமைன் தேர்வுக்கு அமைப்பு விசாரணை மற்றும் பதிவு பக்கம், பாதுகாப்பான வெளியீடிற்கான SSL சான்றிதழ்கள் பக்கம் மற்றும் வலுவான ஹோஸ்டிங்கிற்கு Hostragons ஹோஸ்டிங் தீர்வுகள் பக்கம் பார்வையிடவும்.

மேலும், CDN ஐப் பயன்படுத்தினால், Font கோப்புகளின் CORS அமைப்புகளை சரிபார்க்கவும். Font கள் வெவ்வேறு துணை டொமைனில் வழங்கப்பட்டால், Access-Control-Allow-Origin தலைப்பு தேவைப்படும். இல்லையெனில் உலாவி Font கோப்புகளை பதிவிறக்கம் செய்யவும் பயன்படுத்தவும் முடியாது. ஒரே டொமைனில் வழங்குவது பெரும்பாலான சிறிய மற்றும் நடுத்தர வலைத்தளங்களுக்கு மேலும் எளிதாகும் மற்றும் சிக்கலில்லாததாக இருக்கும்.

செயல்திறன் பயனைக் எப்படி அளவீடு செய்வது?

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

ஒரு எடுத்துக்காட்டில், ஆரம்பத்தில் 6 Font கோரிக்கைகள் மற்றும் 420 KB Font தரவுடன் கூடிய ஒரு வலைப்பதிவு தளத்தில், ஒழுங்குபடுத்தல் பிறகு 2 Font கோரிக்கைகள் மற்றும் 96 KB Font தரவுக்கு குறைவாக ஆகலாம். மொபைல் Lighthouse செயல்திறன் மதிப்பு 72 இல் இருந்து 86 ஆக உயரலாம்; LCP 3.1 வினாடிகளில் இருந்து 2.4 வினாடிகளுக்கு குறைவாகக் காட்சியளிக்கலாம். இந்த எண்கள் உத்திகள் அல்ல, ஏனெனில் காட்சிகள், JavaScript மற்றும் சேவையக பதிலளிப்பு நேரமும் பாதிக்கப்படுகின்றன. ஆனால் Font ஒழுங்குபடுத்தல், பொதுவாக விரைவாக செயல்படுத்தக்கூடிய மற்றும் அதன் தாக்கம் எளிதில் அளவீடு செய்யக்கூடிய மேம்பாடுகளில் ஒன்றாகும்.

உண்மையான பயனர் தரவுகளுக்கான Chrome User Experience Report, Search Console Core Web Vitals அறிக்கை அல்லது RUM கருவிகள் அதிக மதிப்புள்ள உள்ளடக்கங்களை அளிக்கின்றன. ஆய்வுக் சோதனைகள் பிரச்சினைகளை கண்டுபிடிக்க உதவுகின்றன; உண்மையான பயனர் தரவுகள், உள்கட்டமைப்பின் வெளிப்புற தாக்கத்தைக் காட்டுகிறது. உங்கள் வலைத்தளத்தில் அதிகளவான போக்கு இருந்தால், மாற்றத்தை முதலில் staging சூழலிலும், பிறகு குறைந்த ஆபத்து நேரங்களில் வெளியிடுவது மிகவும் பாதுகாப்பாக இருக்கும்.

செயல்படுத்தக்கூடிய குறைந்த திட்டம்: 60 நிமிடங்களில் Font ஒழுங்குபடுத்தல்

நீங்கள் நேரத்தைச் சிக்கலாக்கினால், கீழ்காணும் திட்டத்துடன் விரைவான தொடக்கம் செய்யலாம். முதல் 10 நிமிடங்களில் DevTools மூலம் தற்போதைய Font கோரிக்கைகளை பட்டியலிட்டு, திரை படம் எடுக்கவும். அடுத்த 10 நிமிடங்களில், வடிவமைப்பில் உண்மையில் பயன்படுத்தப்படும் Font குடும்பங்கள் மற்றும் எடைகளை அடையாளம் காணவும். 15 நிமிடங்களில் தேவையான WOFF2 கோப்புகளை பதிவிறக்கம் செய்து, தமிழ் எழுத்துக்களைச் சரிபார்க்கவும் மற்றும் /assets/fonts கோவையில் ஏற்றவும்.

பின்னர் 15 நிமிடங்களில் CSS @font-face வரையறைகளைச் சேர்க்கவும், font-display: swap ஐப் பயன்படுத்தவும் மற்றும் பழைய வெளிப்புற Font இணைப்புகளை அகற்றவும். இறுதியாக 10 நிமிடங்களில் மொபைல் சோதனை செய்யவும், Network பகுதியில் வெளிப்புற Font கோரிக்கைகள் இல்லை என்பதை உறுதிப்படுத்தவும் மற்றும் வலைத்தளத்தை வெவ்வேறு உலாவிகளில் சரிபார்க்கவும். பிறகு cache தலைப்புகள், preload மற்றும் துண்டு போன்ற முன்னணி ஒழுங்குபடுத்தல்களை தனியாகப் பரிசீலிக்கலாம்.

இந்த திட்டம், குறிப்பாக சிறு தொழில்முனைவு வலைத்தளங்கள், வலைப்பதிவுகள் மற்றும் நிறுவன விளக்கப் பக்கங்களுக்கு விரைவான முடிவுகளை அளிக்கும். பெரிய e-commerce அல்லது SaaS திட்டங்களில், Font ஒழுங்குபடுத்தலை வடிவமைப்பு அமைப்பு, கூறுகள் நூலகம் மற்றும் வெளியீட்டு செயல்முறையுடன் சேர்த்து கவனிக்க வேண்டும்.

முடிவு

Font களை உள்ளூர் சேமிப்பது, சரியாக செயல்படுத்தப்பட்டால், வலைத்தளத்தின் வேகம், பயனர் அனுபவம் மற்றும் தொழில்நுட்ப SEO தரத்தை மேம்படுத்தும் ஒரு பயனுள்ள முறையாகும். முக்கியமான புள்ளிகள்; WOFF2 ஐப் பயன்படுத்துவது, தேவையற்ற Font எடைகளை அகற்றுவது, font-display ஐ வரையறுக்குதல், முக்கிய Font களை கவனமாக preload செய்ய வேண்டும் மற்றும் வலுவான cache அமைப்புகளுடன் கோப்புகளை வழங்க வேண்டும். இந்த செயல்முறை தனியாக அனைத்து செயல்திறன் பிரச்சினைகளைத் தீர்க்காது; ஆனால் விரைவான, நம்பகமான மற்றும் அளவீட்டிற்குரிய பயனைக் கொண்டிருக்க முடியும்.

உங்கள் ஹோஸ்டிங் அடித்தளம் எவ்வளவு வலுவானதாக இருந்தாலும், நீங்கள் பெறும் பயனும் அதற்கேற்ப அதிகரிக்கும். உங்கள் வலைத்தளத்தை விரைவாகவும் பாதுகாப்பாகவும் மாற்ற விரும்பினால், Hostragons இன் ஹோஸ்டிங், டொமைன் மற்றும் SSL தீர்வுகளைப் பார்வையிடலாம்; Font ஒழுங்குபடுத்தல்களை உங்கள் செயல்திறன் திட்டத்தின் ஒரு பகுதியாக செயல்படுத்தலாம். விற்பனை அழுத்தமின்றி, முதலில் அளவீடு செய்யுங்கள், பின்னர் மேம்படுத்துங்கள், மற்றும் முடிவுகளை பயனர் அனுபவத்துடன் உறுதிப்படுத்துங்கள்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

Font களை உள்ளூர் சேமித்தல் எப்போதும் Google Fonts க்கு விரைவா?

எப்போதும் இல்லை. சரியான cache, WOFF2, குறைந்த கோப்பு எண்ணிக்கை மற்றும் நல்ல சேவையக பதிலளிப்பு இருந்தால், பெரும்பாலும் மேலும் கணிக்கக்கூடிய மற்றும் விரைவாக இருக்கும். ஆனால் தவறாக கட்டமைக்கப்பட்ட உள்ளூர் Font கள், சீரமைக்கப்பட்ட வெளிப்புற பயன்பாட்டைப் போலவே மெதுவாக இருக்கலாம்.

Self-host fonts க்கான எந்த Font வடிவத்தைப் பயன்படுத்த வேண்டும்?

Modern வலைத்தளங்கள் பெரும்பாலான சூழ்நிலைகளில் WOFF2 சிறந்த தேர்வாகும். குறைந்த கோப்பு அளவையும் பரந்த உலாவி ஆதரவும் வழங்குகிறது. TTF அல்லது OTF கோப்புகள் வலை செயல்திறனுக்காக பொதுவாக தேவையற்ற அளவாக இருக்கின்றன.

எத்தனை Font எடைகள் பயன்படுத்துவது சிறந்தது?

பெரும்பாலான வலைத்தளங்களுக்கு 400 மற்றும் 700 எடைகள் போதுமானதாக இருக்கும். சில வடிவங்களில் 500 அல்லது 600 சேர்க்கலாம்; ஆனால் ஒவ்வொரு புதிய எடை கூடுதல் கோப்பும் ஏற்றுமதி செலவாகும்.