TTF to WOFF2 எழுத்துரு மாற்றி

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

அல்லது TTF, OTF, WOFF … கோப்புகள் இங்கே இழுத்து விடவும் ·

ஒரு கோப்புக்கு அதிகபட்சம் 95 MB· அதிகபட்சம் 20 கோப்புகள்· 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்

வெளியீடு

இதற்கு மாற்று

கோப்புகள் எங்கள் சேவையகங்களில் செயலாக்கப்பட்டு 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்.

எழுத்துகள்

வைத்திருக்க வேண்டிய எழுத்துகள்

பயன்படுத்தாத எழுத்து முறைகளை நீக்கினால் வலை எழுத்துரு நூற்றுக்கணக்கான KB-இலிருந்து 30 KB-க்குக் கீழ் குறையலாம். கணினியில் நிறுவும் எழுத்துருக்களுக்கு எல்லா எழுத்துகளையும் வைத்திருங்கள்.

ரெண்டரிங் & வெப்

ஹின்டிங்

ஹின்ட்கள் Windows திரைகளில் சிறிய உரையைத் தெளிவாக்கும். அவற்றை நீக்கினால் வலை எழுத்துருக்களில் பெரும்பாலும் 10–30% சேமிக்கலாம்; ஆட்டோ-ஹின்ட் அவை இல்லாத எழுத்துருக்களில் சேர்க்கும்.

@font-face CSS-ஐச் சேர்

மாற்றிய எழுத்துருவைக் குறிக்கும், நேரடியாக ஒட்டக்கூடிய @font-face விதியுடன் .css கோப்பைச் சேர்க்கும்.

எழுத்துருப் பெயர்

குடும்பப் பெயர்

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

பாணிப் பெயர்

எ.கா. Regular, Bold, Italic. அசல் பாணிப் பெயரை வைத்திருக்க காலியாக விடவும்.

இந்தக் கருவியை எப்படிப் பயன்படுத்துவது

1
TTF கோப்புகளைப் பதிவேற்றுங்கள்
நீங்கள் பயன்படுத்த திட்டமிட்டுள்ள ஒவ்வொரு வெயிட் மற்றும் ஸ்டைலையும் சேர்க்கவும்; அதிகபட்சம் 20 கோப்புகள், ஒவ்வொன்றும் 95 MB வரை. Variable TTF கோப்புகளும் வேலை செய்யும்; அவற்றின் axes அப்படியே இருக்கும்.
2
CSS-ஐ இயக்கத்தில் வையுங்கள், முடிந்தால் subset செய்யுங்கள்
@font-face CSS-ஐச் சேர் ஏற்கனவே தேர்ந்தெடுக்கப்பட்டிருக்கும். உங்கள் தளம் மேற்கத்திய மொழியில் இருந்தால், மேம்பட்ட அமைப்புகள் பகுதியில் வைத்திருக்க வேண்டிய எழுத்துகள் என்பதை Basic Latin அல்லது Latin + accents என அமைக்கவும்; ஹின்டிங் என்பதை Remove ஆக வைப்பதையும் பரிசீலிக்கவும்.
3
WOFF2 ஆக மாற்றுங்கள்
WOFF2 ஆக மாற்று என்பதை அழுத்தி, எழுத்துருக்களை .css கோப்புடன் பதிவிறக்கவும். இரண்டையும் உங்கள் தளத்தில் பதிவேற்றி, ஸ்டைல்ஷீட்டை இணைக்கவும் அல்லது விதியை உங்கள் சொந்த CSS-இல் ஒட்டவும்.

பதில்

என் இணையதளத்துக்கு TTF-ஐ WOFF2 ஆக எப்படி மாற்றுவது?

.ttf கோப்பைப் பதிவேற்றி, @font-face CSS-ஐச் சேர் தேர்வை அப்படியே வைத்து WOFF2 ஆக மாற்று என்பதை அழுத்தவும். .woff2 கோப்புடன், அதைச் சுட்டும் @font-face விதி கொண்ட .css கோப்பும் கிடைக்கும்.

வெப் ஃபாண்டுக்கு WOFF2 ஏன் சிறந்த வடிவம்

TTF என்பது சுருக்கப்படாத அட்டவணைத் தரவு: outlines, metrics, kerning, பெயர்கள். 2018-இல் W3C Recommendation ஆக வெளியான WOFF2 அதே அட்டவணைகளை வைத்திருக்கிறது; ஆனால் glyph outlines-ஐ நன்றாகச் சுருங்கும்படி முதலில் மறுசீரமைத்து, Google 2015-இல் வெளியிட்ட Brotli சுருக்க அல்காரிதம் வழியாகச் செலுத்துகிறது. Google-இன் சோதனைகளில் WOFF2 பழைய WOFF வடிவத்தை விட சராசரியாக சுமார் 30% சிறியதாக இருந்தது; பதிவிறக்கத்துக்குப் பிறகு உலாவி அசல் எழுத்துருத் தரவை மீட்டெடுக்கிறது, எனவே எழுத்து வடிவங்களில் எந்த மாற்றமும் இல்லை.

எழுத்துருக்கள் rendering-ஐத் தடுக்கின்றன; அதனால் அவற்றின் அளவு கிலோபைட் எண்ணிக்கை காட்டுவதை விட முக்கியமாகிறது. வெப் எழுத்துரு வரும் வரை உலாவி உரையை மறைக்கும் அல்லது மாற்று எழுத்துருவைக் காட்டும்; தாமதமான மாற்றம் layout-ஐ நகர்த்தலாம். சிறிய கோப்புகள் அந்த இடைவெளியைக் குறைக்கின்றன; இங்குள்ள இரண்டு தேர்வுகள் மேலும் குறைக்கின்றன: வைத்திருக்க வேண்டிய எழுத்துகள் உங்கள் பக்கங்கள் காட்டாத glyph-களை நீக்குகிறது; ஹின்டிங் Remove ஆக இருந்தால், ஃபோன்களும் அதிக density திரைகளும் எப்படியும் புறக்கணிக்கும் instructions நீங்கும். டெஸ்க்டாப் பயன்பாட்டுக்கு TTF மூலக் கோப்புகளை வைத்திருங்கள்; WOFF2 to TTF பின்னர் வெப் எழுத்துருவைத் திறக்க முடியும், ஆனால் subset நீக்கிய glyph-களை மீட்க முடியாது.

TTF vs WOFF2 கோப்பு அளவு

TTF, முழு எழுத்துத் தொகுப்பு

100%

டெஸ்க்டாப்பில் நிறுவப்படும் சுருக்கப்படாத எழுத்துரு அட்டவணைகள்

பல எழுத்து முறை உரை எழுத்துருவுக்கு வழக்கமானது

WOFF2, Basic Latin subset

பெரும்பாலும் 10–25%

Brotli சுருக்கம் மற்றும் குறைவான glyph-கள்; எழுத்துருவைப் பொறுத்து மாறும்

WOFF2 ஃபாண்டுக்கான @font-face விதி

எடுத்துக்காட்டு விதி; பெயர்களை மாற்றுங்கள், subset செய்யவில்லை என்றால் unicode-range-ஐ நீக்குங்கள்

@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

WOFF2 உலாவி ஆதரவு, பதிப்பு வாரியாக

2014
Chrome 36
Google-இன் உலாவி இயல்பாகவே WOFF2-ஐ டிகோட் செய்யும் முதல் உலாவி.
2015
Firefox 39
Mozilla இயல்பாக WOFF2 டிகோடிங்கை இயக்குகிறது.
2016
Edge 14
Microsoft-இன் அசல் Edge, Windows 10 Anniversary Update உடன் WOFF2-ஐச் சேர்க்கிறது.
2018
W3C Recommendation
விவரக்குறிப்பு இறுதியானது; அதற்குள் macOS மற்றும் iOS-இல் Safari-யும் WOFF2-ஐ டிகோட் செய்கிறது.

TTF

TrueType எழுத்துரு

TTF என்பது 1980-களின் பிற்பகுதியில் Apple உருவாக்கி 1991-ல் வெளியிட்டு, பின்னர் Microsoft-க்கு உரிமம் அளித்த TrueType எழுத்துரு வடிவம். இது எழுத்து வடிவங்களை இருபடி வளைவுகளால் வரையறுக்கிறது; திரைகளில் உரை தெளிவாகத் தெரிய hinting அறிவுறுத்தல்களும் உள்ளன. எல்லா டெஸ்க்டாப் இயக்க முறைமைகள், வேர்ட் புராசஸர்கள், வடிவமைப்புப் பயன்பாடுகள் இதை ஆதரிக்கின்றன. OpenType-இன் சில மேம்பட்ட அச்சுக்கலை அம்சங்கள் இல்லை; வலை எழுத்துரு வடிவங்களை விடப் பெரியது.

சுருக்கம்: இழப்பின்றி (Lossless)
ஒளி ஊடுருவும் தன்மை: –
அனிமேஷன்: –
அறிமுகமான ஆண்டு: 1991 · Apple

TTF மாற்றி

WOFF2

Web Open Font Format 2

WOFF2 என்பது Web Open Font Format-இன் இரண்டாவது பதிப்பு. இது Google-இன் Brotli சுருக்கத்தை அடிப்படையாகக் கொண்டது; 2018-இல் W3C பரிந்துரையாக வெளியிடப்பட்டது. கோப்புகள் WOFF-ஐ விட சுமார் 30% சிறியவை, இதனால் பக்கங்கள் வேகமாக ஏற்றப்படும். அனைத்து நவீன உலாவிகளும் WOFF2-ஐ ஆதரிக்கின்றன, வலை எழுத்துருக்களுக்கு இதுவே பரிந்துரைக்கப்படும் வடிவம். டெஸ்க்டாப் இயக்க முறைமைகளிலும் வடிவமைப்பு ஆப்ஸிலும் இதை நேரடியாக நிறுவ முடியாது.

சுருக்கம்: இழப்பின்றி (Lossless)
ஒளி ஊடுருவும் தன்மை: –
அனிமேஷன்: –
அறிமுகமான ஆண்டு: 2018 · W3C (Google)

WOFF2 மாற்றி

TTF to WOFF2 டெஸ்க்டாப் எழுத்துருவை உலாவிகள் விரும்பும் Brotli-சுருக்கப்பட்ட கொள்கலனில் அடைக்கிறது; அதனால் அதே glyph-கள் குறைந்த பைட்களில் பார்வையாளர்களைச் சென்றடைகின்றன. இணையத்தில் கிடைத்த எழுத்துருவை நிறுவ வேண்டியவர்களுக்காக எதிர்திசைப் பக்கமும் உள்ளது.

TTF to WOFF2: அடிக்கடி கேட்கப்படும் கேள்விகள்

WOFF2 உடன் TTF அல்லது WOFF fallback இன்னும் தேவையா?

இன்றைய பொது இணையதளங்களுக்கு பொதுவாகத் தேவையில்லை. Chrome, Edge, Firefox, Safari ஆகியவை பல ஆண்டுகளாக WOFF2-ஐப் படிக்கின்றன; Internet Explorer 11 போன்ற சில உலாவிகளுக்காக கூடுதல் கோப்பு வைப்பது அரிதாகவே பயனளிக்கும். உங்கள் analytics-இல் அத்தகைய பார்வையாளர்கள் தெரிந்தால் மட்டும் TTF to WOFF வெளியீட்டை இரண்டாவது src உள்ளீடாகச் சேர்க்கவும்.

என் WOFF2 ஃபாண்ட் ஏன் இன்னும் 100 KB-க்கு மேல் உள்ளது?

சுருக்கம் glyph-கள் சேமிக்கப்படும் முறையை மட்டுமே சிறிதாக்கும்; எத்தனை glyph-கள் உள்ளன என்பதை அல்ல. Latin, Cyrillic, Greek, Vietnamese ஆகியவற்றை உள்ளடக்கிய எழுத்துரு அனைத்தையும் கொண்டே வரும். நீங்கள் உண்மையில் காட்டும் எழுத்து முறைகளுக்கு மட்டும் subset செய்தால்தான் ஒரு உரை எழுத்துரு பத்துக்கணக்கான கிலோபைட் அளவுக்கு வரும்.

font-display: swap என்ன செய்கிறது?

பதிவிறக்கம் ஆகும் வரை உரையை மறைக்காமல், உடனே மாற்று எழுத்துருவில் காட்டி, உங்கள் வெப் எழுத்துரு வந்ததும் மாற்றும்படி உலாவிக்குச் சொல்கிறது. மேலே உள்ள எடுத்துக்காட்டில் உள்ளது போல் @font-face விதியில் சேர்க்கவும்; மெதுவான இணைப்புகளில் தாமதமான மாற்றத்தைத் தவிர்க்க விரும்பினால் optional பயன்படுத்தவும்.

Google Fonts TTF-ஐ WOFF2 ஆக மாற்றி நானே ஹோஸ்ட் செய்யலாமா?

ஆம். Google Fonts குடும்பங்கள் SIL Open Font License அல்லது Apache License கீழ் வெளியிடப்படுகின்றன; இரண்டும் மாற்றவும் சொந்தமாக ஹோஸ்ட் செய்யவும் அனுமதிக்கின்றன. கோப்பை நீங்களே ஹோஸ்ட் செய்தால் மூன்றாம் தரப்பு சர்வருக்கான கோரிக்கையும் தவிர்க்கப்படும்.

மின்னஞ்சல் செய்திமடல்களில் WOFF2 வேலை செய்யுமா?

சில கிளையன்ட்களில் மட்டும். Apple Mail மற்றும் iOS Mail @font-face வழியாக வெப் எழுத்துருக்களை ஏற்றுகின்றன; Gmail மற்றும் பெரும்பாலான Outlook பதிப்புகள் அவற்றைப் புறக்கணித்து மாற்று எழுத்துருவைக் காட்டுகின்றன. மின்னஞ்சலின் font stack-இல் எப்போதும் பாதுகாப்பான சிஸ்டம் எழுத்துருவைச் சேர்க்கவும்.

TTF to WOFF2 எழுத்துரு மாற்றி

எழுத்துரு மாற்றி

இந்தக் கருவியை எப்படிப் பயன்படுத்துவது

TTF கோப்புகளைப் பதிவேற்றுங்கள்

CSS-ஐ இயக்கத்தில் வையுங்கள், முடிந்தால் subset செய்யுங்கள்

WOFF2 ஆக மாற்றுங்கள்