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 تک۔ ویری ایبل TTF بھی چلتے ہیں اور اپنے ایکسز برقرار رکھتے ہیں۔
- 2
CSS آن رکھیں، اور ہو سکے تو سب سیٹ بنائیں
@font-face CSS شامل کریں پہلے سے منتخب ہے۔ اعلیٰ سیٹنگز میں اگر آپ کی سائٹ کسی مغربی زبان میں ہے تو حروف برقرار رکھیں کو Basic Latin یا Latin + accents پر رکھیں، اور ہنٹنگ کو Remove پر رکھنے پر غور کریں۔
- 3
WOFF2 میں تبدیل کریں
WOFF2 میں تبدیل کریں دبائیں اور فونٹس کو .css فائل کے ساتھ ڈاؤن لوڈ کریں۔ دونوں اپنی سائٹ پر اپ لوڈ کریں اور اسٹائل شیٹ لنک کریں یا اس رول کو اپنی اسٹائل شیٹ میں چسپاں کریں۔
اپنی ویب سائٹ کے لیے TTF کو WOFF2 میں کیسے تبدیل کروں؟
.ttf اپ لوڈ کریں، @font-face CSS شامل کریں منتخب رہنے دیں اور WOFF2 میں تبدیل کریں دبائیں۔ آپ کو .woff2 فائل کے ساتھ ایک .css فائل ملتی ہے جس میں اس کی طرف اشارہ کرنے والا @font-face رول ہوتا ہے۔
ویب پر استعمال کے لیے WOFF2 ہی کیوں بہترین فونٹ فارمیٹ ہے
TTF غیر کمپریسڈ ٹیبل ڈیٹا ہے: آؤٹ لائنز، میٹرکس، کرننگ، نام۔ WOFF2، جو 2018 میں W3C Recommendation کے طور پر شائع ہوا، یہی ٹیبلز رکھتا ہے مگر پہلے گلیف آؤٹ لائنز کو بہتر کمپریشن کے لیے ازسرنو ترتیب دیتا ہے اور پھر انہیں Brotli سے گزارتا ہے، جو Google نے 2015 میں جاری کیا۔ Google کے اپنے ٹیسٹوں میں WOFF2 پرانے WOFF فارمیٹ سے اوسطاً تقریباً 30% چھوٹا نکلا، اور براؤزر ڈاؤن لوڈ کے بعد اصل فونٹ ڈیٹا بحال کر لیتا ہے، اس لیے حروف کی شکلوں میں کوئی فرق نہیں آتا۔
فونٹس رینڈرنگ کو روکتے ہیں، اس لیے ان کا سائز کلوبائٹس سے زیادہ اہم ہے۔ ویب فونٹ آنے تک براؤزر متن چھپاتا ہے یا متبادل فونٹ دکھاتا ہے، اور دیر سے تبدیلی لے آؤٹ ہلا سکتی ہے۔ چھوٹی فائلیں یہ وقفہ کم کرتی ہیں، اور یہاں کی دو آپشنز اسے مزید کم کرتی ہیں: حروف برقرار رکھیں وہ گلیفس ہٹاتی ہے جو آپ کے صفحات کبھی نہیں دکھاتے، اور ہنٹنگ کو Remove پر رکھنا وہ ہدایات ہٹاتا ہے جنہیں فون اور ہائی ڈینسٹی اسکرینیں ویسے بھی نظرانداز کرتی ہیں۔ ڈیسک ٹاپ کے لیے TTF اصل فائلیں رکھیں؛ WOFF2 سے TTF بعد میں ویب فونٹ کھول سکتا ہے، مگر سب سیٹ میں ہٹائے گئے گلیفس بحال نہیں کر سکتا۔
TTF اور 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 وہ TrueType فونٹ فارمیٹ ہے جو Apple نے 1980 کی دہائی کے آخر میں تیار کیا اور 1991 میں جاری کیا، پھر Microsoft کو لائسنس دیا۔ یہ گلف آؤٹ لائنز کو کواڈریٹک منحنی خطوط سے بیان کرتا ہے اور ہنٹنگ ہدایات شامل کرتا ہے جو اسکرین پر متن کو صاف دکھاتی ہیں۔ ہر ڈیسک ٹاپ آپریٹنگ سسٹم، ورڈ پروسیسر اور ڈیزائن ایپ اسے سپورٹ کرتی ہے۔ اس میں OpenType کی کچھ جدید ٹائپوگرافک خصوصیات نہیں ہیں اور یہ ویب فونٹ فارمیٹس سے بڑا ہوتا ہے۔
- کمپریشن
- لاس لیس
- شفافیت
- –
- اینیمیشن
- –
- متعارف ہونے کا سال
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 ویب اوپن فونٹ فارمیٹ کا دوسرا ورژن ہے جو Google کے Brotli کمپریشن پر مبنی ہے اور 2018 میں W3C Recommendation کے طور پر شائع ہوا۔ فائلیں WOFF سے تقریباً 30% چھوٹی ہوتی ہیں، جس سے صفحات تیزی سے لوڈ ہوتے ہیں۔ ہر جدید براؤزر WOFF2 کو سپورٹ کرتا ہے اور ویب فونٹس کے لیے یہی تجویز کردہ فارمیٹ ہے۔ ڈیسک ٹاپ آپریٹنگ سسٹمز اور ڈیزائن ایپس اسے براہ راست انسٹال نہیں کر سکتیں۔
- کمپریشن
- لاس لیس
- شفافیت
- –
- اینیمیشن
- –
- متعارف ہونے کا سال
- 2018 · W3C (Google)
TTF سے WOFF2 ڈیسک ٹاپ فونٹ کو اس Brotli کمپریسڈ کنٹینر میں پیک کرتا ہے جسے براؤزر ترجیح دیتے ہیں، یوں وہی گلیفس کم بائٹس میں وزیٹرز تک پہنچتے ہیں؛ الٹا صفحہ ان کے لیے ہے جنہیں ویب پر ملا فونٹ انسٹال کرنا ہو۔
TTF سے WOFF2: عام سوالات
کیا WOFF2 کے ساتھ TTF یا WOFF فال بیک کی اب بھی ضرورت ہے؟
آج عوامی ویب سائٹس کے لیے عموماً نہیں۔ Chrome، Edge، Firefox اور Safari برسوں سے WOFF2 پڑھتے ہیں، اور جو چند براؤزر نہیں پڑھتے، جیسے Internet Explorer 11، ان کے لیے اضافی فائل شاذ ہی فائدہ مند ہے۔ TTF سے WOFF کی فائل دوسری src اندراج کے طور پر صرف تب شامل کریں جب آپ کے اینالیٹکس میں ایسے وزیٹر نظر آئیں۔
میرا WOFF2 فونٹ اب بھی 100 KB سے بڑا کیوں ہے؟
کمپریشن صرف اس طریقے کو چھوٹا کرتی ہے جس سے گلیفس محفوظ ہوتے ہیں، ان کی تعداد کو نہیں۔ جو فونٹ Latin، Cyrillic، Greek اور Vietnamese کو کور کرتا ہے وہ سب ساتھ بھیجتا ہے۔ جن اسکرپٹس کو آپ واقعی دکھاتے ہیں ان تک سب سیٹ کرنے سے ٹیکسٹ فونٹ چند دس کلوبائٹ تک آ جاتا ہے۔
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 کے زیادہ تر ورژن انہیں نظرانداز کر کے متبادل فونٹ دکھاتے ہیں۔ ای میل کے فونٹ اسٹیک میں ہمیشہ ایک محفوظ سسٹم فونٹ شامل کریں۔