TTF నుండి WOFF2 కన్వర్టర్
ఫాంట్‌ను మీ సర్వర్‌లోనే హోస్ట్ చేయడం ఇక్కడే మొదలవుతుంది: ప్రస్తుత ప్రతి బ్రౌజర్ ముందుగా డౌన్లోడ్ చేసే ఫార్మాట్ WOFF2. మీ దగ్గర ఉన్న TrueType డేటాకు ఇదే అతి చిన్న ర్యాపర్. దాన్ని లోడ్ చేసే CSS రూల్‌ను కూడా ఈ పేజీ రాసి ఇస్తుంది.
ఫాంట్ కన్వర్టర్
లేదా TTF, OTF, WOFF … ఫైళ్లు ను ఇక్కడ వదలండి ·
ఒక్కో ఫైల్‌కు గరిష్ఠంగా 95 MB· గరిష్ఠంగా 20 ఫైళ్లు· 30 నిమిషాల తర్వాత తొలగించబడతాయి
ఫైళ్లు మా సర్వర్లలో ప్రాసెస్ చేయబడి 30 నిమిషాల తర్వాత తొలగించబడతాయి.
మీరు ఉపయోగించని లిపులను తొలగిస్తే వెబ్ ఫాంట్ వందల KB నుండి 30 KB కంటే తక్కువకు తగ్గవచ్చు. కంప్యూటర్‌లో ఇన్‌స్టాల్ చేసే ఫాంట్లకు అన్ని అక్షరాలను ఉంచండి.
ఫాంట్ కవర్ చేయాల్సిన టెక్స్ట్ లేదా అక్షరాలను అతికించండి, ఉదా. లోగో పదం లేదా హెడ్లైన్. మిగతావన్నీ తొలగించబడతాయి.
హింట్‌లు Windows స్క్రీన్‌లలో చిన్న టెక్స్ట్ను స్పష్టంగా చూపుతాయి. వీటిని తొలగిస్తే వెబ్ ఫాంట్‌లలో తరచుగా 10–30% ఆదా అవుతుంది; ఆటో-హింట్ హింట్‌లు లేని ఫాంట్లకు వాటిని జోడిస్తుంది.
అసలుదాన్ని ఉంచడానికి ఖాళీగా వదలండి. పేరు మారిస్తే మార్చిన ఫాంట్‌ను అసలుదానితో పాటు ఘర్షణ లేకుండా ఇన్‌స్టాల్ చేయవచ్చు.
ఉదా. Regular, Bold, Italic. అసలు స్టైల్ పేరును ఉంచడానికి ఖాళీగా వదలండి.
ఈ టూల్‌ను ఎలా ఉపయోగించాలి
- 1
TTF ఫైళ్లను అప్‌లోడ్ చేయండి
మీరు ఉపయోగించాలనుకునే ప్రతి వెయిట్, స్టైల్‌ను జోడించండి; గరిష్టంగా 20 ఫైళ్లు, ఒక్కొక్కటి 95 MB వరకు. Variable TTFలు కూడా పనిచేస్తాయి, వాటి axes అలాగే ఉంటాయి.
- 2
CSS ఆన్‌లో ఉంచండి, వీలైతే సబ్సెట్ చేయండి
@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 అంటే కంప్రెస్ చేయని టేబుల్ డేటా: అవుట్‌లైన్లు, మెట్రిక్స్, కెర్నింగ్, పేర్లు. 2018లో W3C Recommendationగా ప్రచురితమైన WOFF2 అవే టేబుల్స్‌ను ఉంచుతుంది, కానీ ముందు గ్లిఫ్ అవుట్లైన్లను బాగా కంప్రెస్ అయ్యేలా పునర్వ్యవస్థీకరించి, 2015లో Google విడుదల చేసిన Brotli కంప్రెషన్ అల్గారిథమ్ ద్వారా పంపుతుంది. Google స్వంత పరీక్షల్లో WOFF2 పాత WOFF ఫార్మాట్ కంటే సగటున సుమారు 30% చిన్నదిగా తేలింది; డౌన్లోడ్ తర్వాత బ్రౌజర్ అసలు ఫాంట్ డేటాను పునరుద్ధరిస్తుంది, కాబట్టి అక్షరాల ఆకారాల్లో ఏ మార్పూ ఉండదు.
ఫాంట్‌లు రెండరింగ్‌ను బ్లాక్ చేస్తాయి, అందువల్ల కిలోబైట్ల కంటే వాటి సైజ్ ఎక్కువ ముఖ్యం. వెబ్ ఫాంట్ వచ్చే వరకు బ్రౌజర్ టెక్స్ట్ను దాచుతుంది లేదా ఫాల్బ్యాక్ చూపుతుంది, ఆలస్యమైన మార్పు లేఅవుట్‌ను కదిలించవచ్చు. చిన్న ఫైళ్లు ఆ వ్యవధిని తగ్గిస్తాయి, ఇక్కడ రెండు ఎంపికలు మరింత తగ్గిస్తాయి: అక్షరాలను ఉంచండి మీ పేజీలు ఎప్పుడూ చూపని గ్లిఫ్‌లను తొలగిస్తుంది, హింటింగ్ ను Remove గా పెడితే ఫోన్లు, హై-డెన్సిటీ స్క్రీన్లు ఎలాగూ పట్టించుకోని సూచనలు తొలగిపోతాయి. డెస్క్‌టాప్ వినియోగానికి TTF మాస్టర్లను ఉంచండి; WOFF2 నుండి TTF తర్వాత వెబ్ ఫాంట్‌ను అన్‌ప్యాక్ చేయగలదు, కానీ సబ్సెట్ తొలగించిన గ్లిఫ్‌లను తిరిగి తేలేదు.
TTF vs WOFF2 ఫైల్ సైజ్
TTF, పూర్తి అక్షర సమితి
100%
డెస్క్‌టాప్‌లో ఇన్‌స్టాల్ అయ్యే విధంగా కంప్రెస్ చేయని ఫాంట్ టేబుల్స్
WOFF2, Basic Latin సబ్సెట్
తరచుగా 10–25%
Brotli కంప్రెషన్‌తో పాటు తక్కువ గ్లిఫ్లు; ఫాంట్‌ను బట్టి మారుతుంది
WOFF2 ఫాంట్ కోసం @font-face రూల్
@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లో విడుదల చేసిన TrueType ఫాంట్ ఫార్మాట్; తర్వాత Microsoftకు లైసెన్స్ ఇచ్చారు. ఇది గ్లిఫ్ అవుట్లైన్లను క్వాడ్రాటిక్ వక్రాలతో నిర్వచిస్తుంది, స్క్రీన్‌పై అక్షరాలు స్పష్టంగా కనిపించేలా హింటింగ్ సూచనలు కలిగి ఉంటుంది. ప్రతి డెస్క్‌టాప్ ఆపరేటింగ్ సిస్టమ్, వర్డ్ ప్రాసెసర్, డిజైన్ యాప్ దీనికి మద్దతు ఇస్తాయి. OpenTypeలోని కొన్ని అధునాతన టైపోగ్రాఫిక్ ఫీచర్లు దీనిలో లేవు, వెబ్ ఫాంట్ ఫార్మాట్ల కంటే పెద్దది.
- కంప్రెషన్
- లాస్‌లెస్
- పారదర్శకత
- –
- యానిమేషన్
- –
- పరిచయమైన సంవత్సరం
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 అనేది Web Open Font Format రెండవ వెర్షన్. ఇది Google యొక్క Brotli కంప్రెషన్ ఆధారంగా రూపొందింది మరియు 2018లో W3C Recommendation గా ప్రచురితమైంది. ఫైళ్లు WOFF కంటే సుమారు 30% చిన్నవిగా ఉంటాయి, దీనివల్ల పేజీలు వేగంగా లోడ్ అవుతాయి. ఆధునిక బ్రౌజర్లన్నీ WOFF2 ను సపోర్ట్ చేస్తాయి మరియు వెబ్ ఫాంట్లకు ఇదే సిఫార్సు చేసిన ఫార్మాట్. డెస్క్‌టాప్ ఆపరేటింగ్ సిస్టమ్‌లు, డిజైన్ యాప్‌లు దీన్ని నేరుగా ఇన్‌స్టాల్ చేయలేవు.
- కంప్రెషన్
- లాస్‌లెస్
- పారదర్శకత
- –
- యానిమేషన్
- –
- పరిచయమైన సంవత్సరం
- 2018 · W3C (Google)
TTF నుండి WOFF2 డెస్క్‌టాప్ ఫాంట్‌ను బ్రౌజర్లు ఇష్టపడే Brotli-కంప్రెస్డ్ కంటైనర్‌లో ప్యాక్ చేస్తుంది, దాంతో అవే గ్లిఫ్లు తక్కువ బైట్లలో సందర్శకులకు చేరతాయి; వెబ్‌లో దొరికిన ఫాంట్‌ను ఇన్‌స్టాల్ చేయాల్సిన వారికి రివర్స్ పేజీ ఉంది.
TTF నుండి WOFF2 FAQ
WOFF2తో పాటు TTF లేదా WOFF ఫాల్బ్యాక్ ఇంకా అవసరమా?
ఈ రోజుల్లో పబ్లిక్ వెబ్సైట్లకు సాధారణంగా అవసరం లేదు. Chrome, Edge, Firefox, Safari చాలా ఏళ్లుగా WOFF2ని చదువుతున్నాయి; Internet Explorer 11 వంటి కొన్ని బ్రౌజర్లకు అదనపు ఫైల్ పెట్టడం అరుదుగా విలువైనది. మీ అనలిటిక్స్లో అలాంటి సందర్శకులు కనిపిస్తేనే TTF నుండి WOFF అవుట్పుట్ను రెండవ src ఎంట్రీగా జోడించండి.
నా WOFF2 ఫాంట్ ఇంకా 100 KB కంటే ఎక్కువ ఎందుకు ఉంది?
కంప్రెషన్ గ్లిఫ్లు నిల్వ అయ్యే విధానాన్ని మాత్రమే తగ్గిస్తుంది, వాటి సంఖ్యను కాదు. Latin, Cyrillic, Greek, Vietnamese కవర్ చేసే ఫాంట్ అన్నింటినీ పంపుతుంది. మీరు నిజంగా చూపించే స్క్రిప్ట్లకు సబ్సెట్ చేస్తేనే టెక్స్ట్ ఫాంట్ పదుల KBలకు వస్తుంది.
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 వెర్షన్లు వాటిని పట్టించుకోక మీ ఫాల్బ్యాక్ ఫాంట్‌ను చూపుతాయి. ఇమెయిల్ ఫాంట్ స్టాక్‌లో ఎల్లప్పుడూ సురక్షితమైన సిస్టమ్ ఫాంట్‌ను చేర్చండి.