TTF-ஐ SVG ஆக மாற்ற

Q: SVG எழுத்துருக்களில் kerning, ligature-கள் தக்கவைக்கப்படுமா?

ஓரளவு மட்டுமே. SVG ஃபாண்ட் வடிவம் `hkern` கூறுகள் மூலம் kerning இணைகளையும் பல எழுத்து glyph-களையும் சேமிக்கும், ஆனால் small caps, alternates, contextual விதிகள் போன்ற OpenType feature அட்டவணைகளுக்கு இணையானது அதில் இல்லை. அவை தேவைப்பட்டால் TTF-ஐ வைத்திருங்கள்.

இந்தப் பக்கம் TrueType எழுத்துருவை SVG எழுத்துருவாக மாற்றுகிறது. இது ஒரே XML கோப்பு. அதில் ஒவ்வொரு எழுத்தும் ஒரு <glyph> உறுப்பாக இருக்கும். அதன் வெளிக்கோடு SVG path தரவாக எழுதப்பட்டிருக்கும். ஐகான் ஃபாண்ட் கருவிகளுக்கும் ஃபாண்ட் எடிட்டர்களுக்கும் இது பயனுள்ளது. ஆனால் இது உங்கள் உரையின் படம் அல்ல.

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

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

வெளியீடு

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

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

எழுத்துகள்

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

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

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

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

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

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

பாணிப் பெயர்

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

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

1
TTF கோப்பைப் பதிவேற்றுங்கள்
ஒன்று அல்லது அதற்கு மேற்பட்ட .ttf கோப்புகளைச் சேர்க்கவும். ஒரு தொகுதிக்கு 20 கோப்புகள் வரை, ஒவ்வொன்றும் 95 MB வரை அனுமதிக்கப்படும். ஐகான் ஃபாண்ட்களும் உரை ஃபாண்ட்களும் இரண்டும் வேலை செய்யும்.
2
வெளியீட்டை SVG எழுத்துருவாகவே வைத்திருங்கள்
இதற்கு மாற்று என்பது SVG font ஆக அமைக்கப்பட்டுள்ளது. SVG வெளியீட்டுக்கு ஹிண்டிங் பொருந்தாது, அதனால் அந்த விருப்பம் மறைந்துவிடும்; மேம்பட்ட அமைப்புகள் பகுதியில் உள்ள குடும்பப் பெயர் இன்னும் ஃபாண்டின் பெயரை மாற்றும்.
3
SVG ஆக மாற்றுங்கள்
SVG ஆக மாற்று → என்பதை அழுத்தி .svg கோப்பைப் பதிவிறக்கவும். glyph பாதைகளைப் பார்க்க அதை டெக்ஸ்ட் எடிட்டர், Inkscape அல்லது FontForge-இல் திறக்கவும்.

TTF-ஐ SVG ஆக மாற்றினால் என்ன கிடைக்கும்?

ஒவ்வொரு எழுத்தின் வெளிக்கோடும் SVG பாதைத் தரவாக உள்ள SVG ஃபாண்ட் கோப்பு. இவை தேவைப்படும்போது இதைத் தேர்ந்தெடுக்கவும்:

1ஐகான் ஃபாண்ட் கருவி அல்லது Inkscape-இன் SVG Font Editor-இல் இறக்குமதி செய்ய glyph வெளிக்கோடுகள்
2மிகப் பழைய iPhone உலாவிகளுக்கான பழைய வெப்ஃபாண்ட் கிட்டின் .svg பகுதி
3ஒவ்வொரு எழுத்துக்கும் படிக்கக்கூடிய வெக்டர் தரவு, எடுத்துக்காட்டாக ஒரு ஐகானை எடுக்க

SVG எழுத்துரு vs உரையின் SVG படம்

TTF to SVG எனத் தேடினால் இரண்டு வெவ்வேறு இலக்குகள் கலந்து வரும். ஒன்று SVG ஃபாண்ட்: 2001-ஆம் ஆண்டு W3C-இன் SVG 1.0 பரிந்துரையில் வரையறுக்கப்பட்ட ஃபாண்ட் வடிவம்; அதில் <font> கூறுக்குள் ஒவ்வொரு எழுத்துக்கும் ஒரு <glyph> இருக்கும், அதற்கு Unicode மதிப்பு, advance width, பாதையாக வெளிக்கோடு இருக்கும். மற்றொன்று சில உரையின் SVG படம்: லோகோவின் எழுத்துகள் அல்லது ஒரு வரியில் அமைத்து வடிவங்களாகச் சேமித்த பெயர். இந்த மாற்றி முதல் வகையை உருவாக்குகிறது. உங்களிடம் ஃபாண்ட் அல்ல, லோகோ படம் இருந்தால், PNG to SVG அதைப் பாதைகளாகத் தடமிடும்.

TrueType வெளிக்கோட்டை SVG பாதைத் தரவாக மாற்றுவதில் வடிவம் எதுவும் இழக்கப்படுவதில்லை. TrueType பயன்படுத்தும் அதே quadratic வளைவுகளை SVG பாதைகள் ஆதரிக்கின்றன, எனவே ஒவ்வொரு contour-உம் அப்படியே எழுதப்படும். வெளிக்கோடுகளைச் சுற்றியுள்ளவை நிலைக்காது: hinting கட்டளைகள், எளிய kerning தாண்டிய OpenType அம்சங்கள், ஃபாண்டை நிறுவ இயங்குதளங்களுக்குத் தேவையான பைனரி அட்டவணைகள். SVG ஃபாண்டை Windows அல்லது macOS-இல் நிறுவ முடியாது.

SVG எழுத்துருக் கோப்பு எப்படி இருக்கும்

SVG ஃபாண்டில் உள்ள மார்க்அப்பின் சுருக்கமான எடுத்துக்காட்டு

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- ஒவ்வொரு எழுத்தும் ஒரு glyph path ஆகிறது -->
    <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 ஏற்றாது

நிறமும் அடுக்குகளும் கொண்ட glyph-களைக் கொண்ட கூடுதல் 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-ல் வெளியிட்டு, பின்னர் Microsoft-க்கு உரிமம் அளித்த TrueType எழுத்துரு வடிவம். இது எழுத்து வடிவங்களை இருபடி வளைவுகளால் வரையறுக்கிறது; திரைகளில் உரை தெளிவாகத் தெரிய hinting அறிவுறுத்தல்களும் உள்ளன. எல்லா டெஸ்க்டாப் இயக்க முறைமைகள், வேர்ட் புராசஸர்கள், வடிவமைப்புப் பயன்பாடுகள் இதை ஆதரிக்கின்றன. OpenType-இன் சில மேம்பட்ட அச்சுக்கலை அம்சங்கள் இல்லை; வலை எழுத்துரு வடிவங்களை விடப் பெரியது.

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

TTF மாற்றி

SVG

Scalable Vector Graphics

SVG என்பது 2001-இல் W3C தரப்படுத்திய XML அடிப்படையிலான வெக்டர் வடிவம். பிக்சல்களுக்குப் பதிலாக வடிவங்கள், பாதைகள், உரையை விவரிப்பதால் எந்த அளவிலும் தெளிவாக இருக்கும்; லோகோ, ஐகான்களுக்கு பொதுவாக மிகச் சிறியது. இது ஒளிஊடுருவல், CSS பாணி, ஸ்கிரிப்ட், அனிமேஷனை ஆதரிக்கிறது; எல்லா உலாவிகளும் இயல்பாகக் காட்டும். புகைப்படங்களுக்கு SVG பொருந்தாது; சிக்கலான விளக்கப்படங்கள் காட்ட மெதுவாகலாம். Illustrator, Inkscape, Figma, உலாவிகளில் திறந்து திருத்தலாம்.

சுருக்கம்: –
ஒளி ஊடுருவும் தன்மை: ஆம்
அனிமேஷன்: ஆம்
அறிமுகமான ஆண்டு: 2001 · W3C

SVG மாற்றி

TTF to SVG ஒவ்வொரு glyph-இன் வெளிக்கோட்டையும் SVG ஃபாண்டுக்குள் திருத்தக்கூடிய SVG பாதைத் தரவாக எழுதுகிறது; ஐகான் ஃபாண்ட் கருவிகள், ஃபாண்ட் எடிட்டர்கள், பழைய வெப்ஃபாண்ட் கிட்கள் இதைப் பயன்படுத்துகின்றன. நவீன இணையப் பக்கங்களில் ஃபாண்ட்களை ஏற்றுவதற்கான வழி இது அல்ல.

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

இன்று CSS @font-face-இல் SVG எழுத்துருவைப் பயன்படுத்த முடியுமா?

பெரும்பாலான உலாவிகளில் இல்லை. Chrome 2014-இல் பதிப்பு 38-இல் SVG ஃபாண்ட் ஆதரவை நீக்கியது; Firefox, Internet Explorer ஆகியவை அதை ஒருபோதும் சேர்க்கவில்லை. இணையதளத்துக்கு, அதற்குப் பதிலாக TTF-ஐ TTF to WOFF2 மூலம் மாற்றவும்.

வரைபடத்தில் ஒட்டும்போது கிளிஃப்கள் ஏன் தலைகீழாகத் தெரிகின்றன?

SVG ஃபாண்ட்கள் ஃபாண்டின் சொந்த ஆய கணக்கீட்டைப் பயன்படுத்துகின்றன; அதில் y அச்சு அடிக்கோட்டிலிருந்து மேல்நோக்கிச் செல்லும். சாதாரண SVG வரைபடங்களில் y மேலிருந்து கீழ்நோக்கி எண்ணப்படும். பாதையை செங்குத்தாகப் புரட்டவும், எடுத்துக்காட்டாக scale(1,-1) transform மூலம்; அப்போது சரியாகத் தெரியும்.

Cricut அல்லது லேசர் கட்டருக்காக உரையை SVG பாதைகளாக மாற்றுவது எப்படி?

TTF-ஐ நிறுவி, Inkscape அல்லது Illustrator-இல் உங்கள் சொற்களைத் தட்டச்சு செய்து உரையை outlines ஆக மாற்றவும்: Inkscape-இல் Path › Object to Path, Illustrator-இல் Type › Create Outlines. பின்னர் SVG ஆகச் சேமிக்கவும். SVG ஃபாண்ட் ஒவ்வொரு எழுத்தையும் தனித்தனியாகக் கொண்டிருக்கும்; சொற்களாக அமைக்கப்பட்டிருக்காது.

SVG எழுத்துருக்களில் kerning, ligature-கள் தக்கவைக்கப்படுமா?

ஓரளவு மட்டுமே. SVG ஃபாண்ட் வடிவம் hkern கூறுகள் மூலம் kerning இணைகளையும் பல எழுத்து glyph-களையும் சேமிக்கும், ஆனால் small caps, alternates, contextual விதிகள் போன்ற OpenType feature அட்டவணைகளுக்கு இணையானது அதில் இல்லை. அவை தேவைப்பட்டால் TTF-ஐ வைத்திருங்கள்.

ஐகான் ஃபாண்ட்களுக்கு SVG எழுத்துரு வெளியீடு பயனுள்ளதா?

ஆம், இன்று அதன் முக்கியப் பயன் அதுவே. IcoMoon போன்ற ஐகான் ஃபாண்ட் கருவிகள் SVG ஃபாண்ட்களை இறக்குமதி செய்யும்; இதனால் பழைய ஐகான் ஃபாண்டிலிருந்து ஐகான்களை எடுத்து, திருத்தி, புதிய தொகுப்பை உருவாக்கலாம் அல்லது ஒவ்வொரு ஐகானையும் தனி SVG ஆக ஏற்றுமதி செய்யலாம்.