UltKit

TTF سے SVG کنورٹر

یہ صفحہ TrueType فونٹ کو SVG فونٹ میں تبدیل کرتا ہے: ایک XML فائل جس میں ہر حرف ایک <glyph> عنصر ہوتا ہے اور اس کا خاکہ SVG پاتھ ڈیٹا کی صورت میں لکھا ہوتا ہے۔ یہ آئیکن فونٹ ٹولز اور فونٹ ایڈیٹرز کے لیے مفید ہے، لیکن یہ آپ کے متن کی تصویر جیسا نہیں ہے۔

فونٹ کنورٹر

یا TTF, OTF, WOFF … فائلیں یہاں ڈراپ کریں ·

زیادہ سے زیادہ 95 MB فی فائل· 20 فائلوں تک· 30 منٹ بعد حذف

آؤٹ پٹ

فائلیں ہمارے سرورز پر پروسیس ہوتی ہیں اور 30 منٹ بعد حذف ہو جاتی ہیں۔

اس ٹول کو استعمال کرنے کا طریقہ

  1. 1

    TTF فائل اپ لوڈ کریں

    ایک یا زیادہ .ttf فائلیں شامل کریں، ہر بیچ میں زیادہ سے زیادہ 20 فائلیں اور ہر فائل 95 MB تک۔ آئیکن فونٹس اور ٹیکسٹ فونٹس دونوں کام کرتے ہیں۔

  2. 2

    آؤٹ پٹ کے طور پر SVG فونٹ برقرار رکھیں

    اس میں تبدیل کریں میں SVG فونٹ منتخب ہوتا ہے۔ ہنٹنگ SVG آؤٹ پٹ پر لاگو نہیں ہوتی، اس لیے یہ آپشن غائب ہو جاتا ہے؛ اعلیٰ سیٹنگز کے تحت فیملی کا نام اب بھی فونٹ کا نام بدلتا ہے۔

  3. 3

    SVG میں تبدیل کریں

    SVG میں تبدیل کریں دبائیں اور .svg فائل ڈاؤن لوڈ کریں۔ گلیف پاتھ دیکھنے کے لیے اسے ٹیکسٹ ایڈیٹر، Inkscape یا FontForge میں کھولیں۔

SVG فونٹ بمقابلہ متن کی SVG تصویر

TTF to SVG تلاش کریں تو دو مختلف مقاصد آپس میں ملے ہوئے ملیں گے۔ ایک SVG فونٹ ہے: وہ فونٹ فارمیٹ جو 2001 کی W3C کی SVG 1.0 سفارش میں متعین ہوا، جہاں <font> عنصر میں ہر حرف کے لیے ایک <glyph> ہوتا ہے جس میں یونیکوڈ ویلیو، ایڈوانس چوڑائی اور پاتھ کی صورت میں آؤٹ لائن ہوتی ہے۔ دوسرا کسی متن کی SVG تصویر ہے، یعنی لوگو یا نام کے حروف جو پہلے سے ایک لائن میں سیٹ ہوں اور شکلوں کے طور پر محفوظ ہوں۔ یہ کنورٹر پہلی قسم بناتا ہے۔ اگر آپ کے پاس فونٹ کے بجائے لوگو کی تصویر ہے تو PNG سے SVG اسے پاتھس میں ٹریس کرتا ہے۔

TrueType آؤٹ لائن کو SVG پاتھ ڈیٹا میں بدلنے سے شکل میں کچھ ضائع نہیں ہوتا۔ SVG پاتھس وہی کوآڈریٹک کروز سپورٹ کرتے ہیں جو TrueType استعمال کرتا ہے، اس لیے ہر کنٹور جیسا ہے ویسا لکھا جاتا ہے۔ جو باقی نہیں رہتا وہ آؤٹ لائنز کے اردگرد کی ہر چیز ہے: ہنٹنگ ہدایات، سادہ کرننگ سے آگے کے OpenType فیچرز، اور وہ بائنری ٹیبلز جو آپریٹنگ سسٹمز کو فونٹ انسٹال کرنے کے لیے چاہییں۔ SVG فونٹ Windows یا macOS پر انسٹال نہیں ہو سکتا۔

SVG فونٹ فائل کیسی دکھتی ہے

SVG فونٹ میں مارک اپ کی مختصر مثال
<svg xmlns="http://www.w3.org/2000/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 فونٹس کہاں سے آئے اور کہاں گئے

SVG 1.0 فونٹ عنصر متعین کرتا ہے
2001
آخری iPhone Safari جسے SVG ویب فونٹس درکار تھے
iOS 4.1
2014 میں SVG فونٹس ختم کرتا ہے
Chrome 38
فونٹ کا باب حذف کرتا ہے
SVG 2

TTF

TrueType فونٹ

TTF وہ TrueType فونٹ فارمیٹ ہے جو Apple نے 1980 کی دہائی کے آخر میں تیار کیا اور 1991 میں جاری کیا، پھر Microsoft کو لائسنس دیا۔ یہ گلف آؤٹ لائنز کو کواڈریٹک منحنی خطوط سے بیان کرتا ہے اور ہنٹنگ ہدایات شامل کرتا ہے جو اسکرین پر متن کو صاف دکھاتی ہیں۔ ہر ڈیسک ٹاپ آپریٹنگ سسٹم، ورڈ پروسیسر اور ڈیزائن ایپ اسے سپورٹ کرتی ہے۔ اس میں OpenType کی کچھ جدید ٹائپوگرافک خصوصیات نہیں ہیں اور یہ ویب فونٹ فارمیٹس سے بڑا ہوتا ہے۔

کمپریشن
لاس لیس
شفافیت
–
اینیمیشن
–
متعارف ہونے کا سال
1991 · Apple
TTF کنورٹر

SVG

اسکیلیبل ویکٹر گرافکس

SVG ایک XML پر مبنی ویکٹر فارمیٹ ہے جسے W3C نے 2001 میں معیاری بنایا۔ پکسلز کے بجائے یہ شکلیں، راستے اور متن بیان کرتا ہے، اس لیے ہر سائز پر صاف رہتا ہے اور لوگو اور آئیکنز کے لیے عموماً بہت چھوٹا ہوتا ہے۔ یہ شفافیت، 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 کے طور پر ایکسپورٹ کر سکتے ہیں۔