TTF నుండి SVG కన్వర్టర్

Q: ఈ రోజుల్లో CSS @font-faceలో SVG ఫాంట్ వాడవచ్చా?

చాలా బ్రౌజర్లలో కాదు. Chrome 2014లో వెర్షన్ 38లో SVG ఫాంట్ మద్దతును తొలగించింది, Firefox, Internet Explorer ఎప్పుడూ జోడించలేదు. వెబ్సైట్ కోసం బదులుగా TTFని [TTF నుండి WOFF2](/ttf-to-woff2) ద్వారా మార్చండి.

Q: డ్రాయింగ్లో పేస్ట్ చేసినప్పుడు గ్లిఫ్లు ఎందుకు తలకిందులుగా కనిపిస్తాయి?

SVG ఫాంట్లు ఫాంట్ సొంత కోఆర్డినేట్ వ్యవస్థను ఉపయోగిస్తాయి, అందులో y అక్షం బేస్లైన్ నుండి పైకి ఉంటుంది, సాధారణ SVG డ్రాయింగ్లలో y పై నుండి కిందికి లెక్కిస్తారు. పాత్ను నిలువుగా తిప్పండి, ఉదాహరణకు `scale(1,-1)` ట్రాన్స్ఫార్మ్తో, అప్పుడు సరిగ్గా కనిపిస్తుంది.

Q: Cricut లేదా లేజర్ కటర్ కోసం టెక్స్ట్ను SVG పాత్లుగా ఎలా మార్చాలి?

TTFని ఇన్స్టాల్ చేసి, Inkscape లేదా Illustratorలో మీ పదాలను టైప్ చేసి టెక్స్ట్ను అవుట్లైన్లుగా మార్చండి: Inkscapeలో Path › Object to Path, Illustratorలో Type › Create Outlines. దాన్ని SVGగా సేవ్ చేయండి. SVG ఫాంట్ ప్రతి అక్షరాన్ని వేరువేరుగా ఉంచుతుంది, పదాలుగా అమర్చి ఉండదు.

Q: SVG ఫాంట్లలో కెర్నింగ్, లిగేచర్లు ఉంటాయా?

కొంతవరకే. SVG ఫాంట్ ఫార్మాట్ `hkern` ఎలిమెంట్లతో కెర్నింగ్ జతలను, బహుళ అక్షరాల గ్లిఫ్లను నిల్వ చేయగలదు, కానీ స్మాల్ క్యాప్స్, ఆల్టర్నేట్స్, కాంటెక్స్చువల్ రూల్స్ వంటి OpenType ఫీచర్ టేబుల్స్కు సమానమైనవి లేవు. అవి కావాలంటే TTFని ఉంచుకోండి.

ఈ పేజీ TrueType ఫాంట్‌ను SVG ఫాంట్‌గా మారుస్తుంది: ఒకే XML ఫైల్, అందులో ప్రతి అక్షరం ఒక <glyph> ఎలిమెంట్, దాని అవుట్‌లైన్ SVG పాత్ డేటాగా రాసి ఉంటుంది. ఐకాన్ ఫాంట్ టూల్స్‌కు, ఫాంట్ ఎడిటర్లకు ఇది ఉపయోగపడుతుంది, కానీ ఇది మీ టెక్స్ట్ యొక్క చిత్రం కాదు.

లేదా TTF, OTF, WOFF … ఫైళ్లు ను ఇక్కడ వదలండి ·

ఒక్కో ఫైల్‌కు గరిష్ఠంగా 95 MB· గరిష్ఠంగా 20 ఫైళ్లు· 30 నిమిషాల తర్వాత తొలగించబడతాయి

అవుట్‌పుట్

దీనికి మార్చండి

ఫైళ్లు మా సర్వర్లలో ప్రాసెస్ చేయబడి 30 నిమిషాల తర్వాత తొలగించబడతాయి.

అక్షరాలు

అక్షరాలను ఉంచండి

మీరు ఉపయోగించని లిపులను తొలగిస్తే వెబ్ ఫాంట్ వందల KB నుండి 30 KB కంటే తక్కువకు తగ్గవచ్చు. కంప్యూటర్‌లో ఇన్‌స్టాల్ చేసే ఫాంట్‌లకు అన్ని అక్షరాలను ఉంచండి.

రెండరింగ్ & వెబ్

ఫాంట్ పేరు

ఫ్యామిలీ పేరు

అసలుదాన్ని ఉంచడానికి ఖాళీగా వదలండి. పేరు మారిస్తే మార్చిన ఫాంట్‌ను అసలుదానితో పాటు ఘర్షణ లేకుండా ఇన్‌స్టాల్ చేయవచ్చు.

స్టైల్ పేరు

ఉదా. Regular, Bold, Italic. అసలు స్టైల్ పేరును ఉంచడానికి ఖాళీగా వదలండి.

ఈ టూల్‌ను ఎలా ఉపయోగించాలి

1
TTFను అప్‌లోడ్ చేయండి
ఒకటి లేదా అంతకంటే ఎక్కువ .ttf ఫైళ్లను జోడించండి, ఒక బ్యాచ్‌కు గరిష్టంగా 20 ఫైళ్లు, ఒక్కొక్కటి 95 MB వరకు. ఐకాన్ ఫాంట్‌లు, టెక్స్ట్ ఫాంట్‌లు రెండూ పనిచేస్తాయి.
2
అవుట్‌పుట్‌గా SVG ఫాంట్‌ను ఉంచండి
దీనికి మార్చండి SVG ఫాంట్‌గా సెట్ అయి ఉంటుంది. హింటింగ్ SVG అవుట్‌పుట్‌కు వర్తించదు, కాబట్టి ఆ ఎంపిక కనిపించదు; అధునాతన సెట్టింగ్‌లు కింద ఉన్న ఫ్యామిలీ పేరు ఇప్పటికీ ఫాంట్ పేరును మారుస్తుంది.
3
SVGగా మార్చండి
SVGకు మార్చండి నొక్కి .svg ఫైల్‌ను డౌన్‌లోడ్ చేయండి. గ్లిఫ్ పాత్‌లను చూడటానికి దాన్ని టెక్స్ట్ ఎడిటర్, Inkscape లేదా FontForgeలో తెరవండి.

TTF నుండి SVG మార్చితే మీకు ఏమి వస్తుంది?

SVG ఫాంట్ ఫైల్, ప్రతి అక్షరం అవుట్‌లైన్ SVG పాత్ డేటాగా ఉంటుంది. ఇవి కావాలంటే దీన్ని ఎంచుకోండి:

1ఐకాన్ ఫాంట్ టూల్ లేదా Inkscape SVG Font Editorలోకి ఇంపోర్ట్ చేయడానికి గ్లిఫ్ అవుట్‌లైన్‌లు
2చాలా పాత iPhone బ్రౌజర్‌ల కోసం పాత వెబ్‌ఫాంట్ కిట్‌లోని .svg భాగం
3ప్రతి అక్షరానికి చదవగల వెక్టర్ డేటా, ఉదాహరణకు ఒక ఐకాన్‌ను తీయడానికి

SVG ఫాంట్ vs టెక్స్ట్ యొక్క SVG ఇమేజ్

TTF నుండి SVG అని వెతికితే రెండు వేర్వేరు లక్ష్యాలు కలిసి కనిపిస్తాయి. ఒకటి SVG ఫాంట్: 2001 W3C SVG 1.0 సిఫార్సులో నిర్వచించిన ఫాంట్ ఫార్మాట్, అందులో <font> ఎలిమెంట్‌లో ప్రతి అక్షరానికి Unicode విలువ, అడ్వాన్స్ వెడల్పు, పాత్‌గా అవుట్‌లైన్ ఉన్న <glyph> ఉంటుంది. రెండోది ఏదైనా టెక్స్ట్ యొక్క SVG చిత్రం, అంటే లోగో అక్షరాలు లేదా ఒక పేరు ఒక వరుసలో అమర్చి ఆకారాలుగా సేవ్ చేసినది. ఈ కన్వర్టర్ మొదటి రకాన్ని తయారు చేస్తుంది. మీ దగ్గర ఫాంట్ కాకుండా లోగో ఇమేజ్ ఉంటే, PNG నుండి SVG దాన్ని పాత్‌లుగా ట్రేస్ చేస్తుంది.

TrueType అవుట్‌లైన్‌ను SVG పాత్ డేటాగా మార్చడంలో ఆకారం ఏమీ కోల్పోదు. TrueType వాడే క్వాడ్రాటిక్ కర్వ్‌లనే SVG పాత్‌లు సపోర్ట్ చేస్తాయి, కాబట్టి ప్రతి కాంటూర్ ఉన్నది ఉన్నట్లే రాస్తారు. మిగిలేవి కావు అవుట్‌లైన్‌ల చుట్టూ ఉన్నవి: హింటింగ్ సూచనలు, సాధారణ కెర్నింగ్‌కు మించిన OpenType ఫీచర్లు, ఫాంట్‌ను ఇన్‌స్టాల్ చేయడానికి ఆపరేటింగ్ సిస్టమ్‌లకు కావలసిన బైనరీ టేబుల్స్. SVG ఫాంట్‌ను Windows లేదా macOSలో ఇన్‌స్టాల్ చేయలేము.

SVG ఫాంట్ ఫైల్ ఎలా ఉంటుంది

SVG ఫాంట్‌లోని మార్కప్ సంక్షిప్త ఉదాహరణ

<svg xmlns="http://www.w3.org/2000/svg">
  <!-- ఒకే గ్లిఫ్ ఉన్న SVG ఫాంట్ -->
  <defs>
    <font id="BrandSans" horiz-adv-x="1229">
      <font-face font-family="Brand Sans" units-per-em="2048" ascent="1638" descent="-410" />
      <glyph unicode="L" glyph-name="L" horiz-adv-x="1100" d="M180 0V1456H360V160H1040V0Z" />
    </font>
  </defs>
</svg>

ఈ పేజీ తయారు చేసేది: ఒక ఫైల్, ప్రతి అక్షరానికి ఒక <glyph>, ఫాంట్ యూనిట్లలో, y అక్షం పైకి ఉంటుంది.

FontForge, Inkscape, ఐకాన్ ఫాంట్ టూల్స్‌లో తెరుచుకుంటుంది
కంప్యూటర్‌లో ఇన్‌స్టాల్ చేయలేము
ప్రస్తుత Chrome, Edge, Firefox లోడ్ చేయవు

రంగుల, లేయర్‌ల గ్లిఫ్‌లు ఉన్న అదనపు SVG టేబుల్‌తో కూడిన సాధారణ OTF లేదా TTF.

ఏ ఫాంట్‌లా అయినా ఇన్‌స్టాల్ అవుతుంది
ఎమోజీ, బహురంగుల అక్షరాల కోసం వాడతారు
మద్దతు యాప్, బ్రౌజర్‌ను బట్టి మారుతుంది

SVG ఫాంట్‌లు ఎక్కడ పుట్టాయి, ఏమయ్యాయి

SVG 1.0 font ఎలిమెంట్‌ను నిర్వచిస్తుంది: 2001
SVG వెబ్ ఫాంట్‌లు అవసరమైన చివరి iPhone Safari: iOS 4.1
2014లో SVG ఫాంట్‌లను తొలగించింది: Chrome 38
ఫాంట్ అధ్యాయాన్ని తొలగిస్తుంది: SVG 2

TTF

TrueType ఫాంట్

TTF అనేది 1980ల చివరలో Apple అభివృద్ధి చేసి 1991లో విడుదల చేసిన TrueType ఫాంట్ ఫార్మాట్; తర్వాత Microsoftకు లైసెన్స్ ఇచ్చారు. ఇది గ్లిఫ్ అవుట్‌లైన్‌లను క్వాడ్రాటిక్ వక్రాలతో నిర్వచిస్తుంది, స్క్రీన్‌పై అక్షరాలు స్పష్టంగా కనిపించేలా హింటింగ్ సూచనలు కలిగి ఉంటుంది. ప్రతి డెస్క్‌టాప్ ఆపరేటింగ్ సిస్టమ్, వర్డ్ ప్రాసెసర్, డిజైన్ యాప్ దీనికి మద్దతు ఇస్తాయి. OpenTypeలోని కొన్ని అధునాతన టైపోగ్రాఫిక్ ఫీచర్లు దీనిలో లేవు, వెబ్ ఫాంట్ ఫార్మాట్ల కంటే పెద్దది.

కంప్రెషన్: లాస్‌లెస్
పారదర్శకత: –
యానిమేషన్: –
పరిచయమైన సంవత్సరం: 1991 · Apple

TTF కన్వర్టర్

SVG

Scalable Vector Graphics

SVG అనేది 2001లో W3C ప్రమాణీకరించిన XML ఆధారిత వెక్టర్ ఫార్మాట్. పిక్సెల్‌లకు బదులుగా ఆకారాలు, పాత్‌లు, టెక్స్ట్‌ను వివరిస్తుంది, కాబట్టి ఏ సైజులోనైనా స్పష్టంగా ఉంటుంది, లోగోలు, ఐకాన్‌లకు సాధారణంగా చాలా చిన్నది. ఇది పారదర్శకత, CSS స్టైలింగ్, స్క్రిప్టింగ్, యానిమేషన్‌ను సపోర్ట్ చేస్తుంది, ప్రతి బ్రౌజర్ దీనిని స్థానికంగా చూపిస్తుంది. ఫోటోలకు SVG సరిపోదు, సంక్లిష్ట ఇలస్ట్రేషన్లు రెండర్ కావడం నెమ్మదిగా మారవచ్చు. Illustrator, Inkscape, Figma, బ్రౌజర్లు దీనిని తెరిచి ఎడిట్ చేయగలవు.

కంప్రెషన్: –
పారదర్శకత: అవును
యానిమేషన్: అవును
పరిచయమైన సంవత్సరం: 2001 · W3C

SVG కన్వర్టర్

TTF నుండి SVG ప్రతి గ్లిఫ్ అవుట్‌లైన్‌ను SVG ఫాంట్‌లో ఎడిట్ చేయగల SVG పాత్ డేటాగా రాస్తుంది; దీన్ని ఐకాన్ ఫాంట్ టూల్స్, ఫాంట్ ఎడిటర్లు, పాత వెబ్‌ఫాంట్ కిట్‌లు ఉపయోగిస్తాయి; ఆధునిక వెబ్ పేజీలలో ఫాంట్‌లను లోడ్ చేయడానికి ఇది మార్గం కాదు.

TTF నుండి SVG — తరచుగా అడిగే ప్రశ్నలు

ఈ రోజుల్లో CSS @font-faceలో SVG ఫాంట్ వాడవచ్చా?

చాలా బ్రౌజర్‌లలో కాదు. Chrome 2014లో వెర్షన్ 38లో SVG ఫాంట్ మద్దతును తొలగించింది, Firefox, Internet Explorer ఎప్పుడూ జోడించలేదు. వెబ్‌సైట్ కోసం బదులుగా TTFని TTF నుండి WOFF2 ద్వారా మార్చండి.

డ్రాయింగ్‌లో పేస్ట్ చేసినప్పుడు గ్లిఫ్‌లు ఎందుకు తలకిందులుగా కనిపిస్తాయి?

SVG ఫాంట్‌లు ఫాంట్ సొంత కోఆర్డినేట్ వ్యవస్థను ఉపయోగిస్తాయి, అందులో y అక్షం బేస్‌లైన్ నుండి పైకి ఉంటుంది, సాధారణ SVG డ్రాయింగ్‌లలో y పై నుండి కిందికి లెక్కిస్తారు. పాత్‌ను నిలువుగా తిప్పండి, ఉదాహరణకు scale(1,-1) ట్రాన్స్‌ఫార్మ్‌తో, అప్పుడు సరిగ్గా కనిపిస్తుంది.

Cricut లేదా లేజర్ కటర్ కోసం టెక్స్ట్‌ను SVG పాత్‌లుగా ఎలా మార్చాలి?

TTFని ఇన్‌స్టాల్ చేసి, Inkscape లేదా Illustratorలో మీ పదాలను టైప్ చేసి టెక్స్ట్‌ను అవుట్‌లైన్‌లుగా మార్చండి: Inkscapeలో Path › Object to Path, Illustratorలో Type › Create Outlines. దాన్ని SVGగా సేవ్ చేయండి. SVG ఫాంట్ ప్రతి అక్షరాన్ని వేరువేరుగా ఉంచుతుంది, పదాలుగా అమర్చి ఉండదు.

SVG ఫాంట్‌లలో కెర్నింగ్, లిగేచర్‌లు ఉంటాయా?

కొంతవరకే. SVG ఫాంట్ ఫార్మాట్ hkern ఎలిమెంట్‌లతో కెర్నింగ్ జతలను, బహుళ అక్షరాల గ్లిఫ్‌లను నిల్వ చేయగలదు, కానీ స్మాల్ క్యాప్స్, ఆల్టర్నేట్స్, కాంటెక్స్చువల్ రూల్స్ వంటి OpenType ఫీచర్ టేబుల్స్‌కు సమానమైనవి లేవు. అవి కావాలంటే TTFని ఉంచుకోండి.

ఐకాన్ ఫాంట్‌లకు SVG ఫాంట్ అవుట్‌పుట్ ఉపయోగపడుతుందా?

అవును, ఇప్పుడు ఇదే దీని ప్రధాన ఉపయోగం. IcoMoon వంటి ఐకాన్ ఫాంట్ టూల్స్ SVG ఫాంట్‌లను ఇంపోర్ట్ చేస్తాయి, దాంతో పాత ఐకాన్ ఫాంట్ నుండి ఐకాన్‌లను తీసి, ఎడిట్ చేసి, కొత్త సెట్ తయారు చేయవచ్చు లేదా ప్రతి ఐకాన్‌ను విడి SVGగా ఎక్స్‌పోర్ట్ చేయవచ్చు.