ویب صفحات پر اپنی مرضی کے فانٹ کا استعمال کرتے ہوئے
متن کا مواد ہمیشہ ویب سائٹس کا ایک اہم حصہ رہا ہے، لیکن ویب کے ابتدائی دنوں میں، ڈیزائنرز اور ڈویلپرز ٹائپگرافک کنٹرول میں سخت محض محدود تھے جو ان کے ویب صفحات پر تھا. اس میں فانٹ میں ایک حد شامل تھی کہ وہ اپنی سائٹس پر قابل اعتماد طور پر استعمال کرنے کے قابل تھے. آپ نے ماضی میں بیان کردہ "ویب محفوظ فونٹ" اصطلاح کو سنا ہے. یہ فون کے چھوٹے سیٹ کا حوالہ دیا جاتا ہے جو انتہائی کسی فرد کے کمپیوٹر پر شامل ہونے کا امکان تھا، مطلب یہ ہے کہ اگر آپ سائٹ نے ان فونٹس میں سے ایک کا استعمال کیا ہے تو یہ ایک محفوظ شرط تھا جسے یہ کسی شخص کے براؤزر پر صحیح طور پر پیش کیا جائے گا.
آج، ویب کے پیشہ وروں کے ساتھ کام کرنے کے لئے نئے فانٹ اور قسم کے اختیارات کی میزبان ہے، جن میں سے ایک WOFF کی شکل ہے.
WOFF کیا ہے؟
WOFF ایک مخفف ہے جو "ویب اوپن فونٹ فارمیٹ" کے لئے تیار ہے. یہ استعمال کیا جاتا ہے فونٹس کو سی ایس ایس @ فونٹ چہرہ جائیداد کے ساتھ استعمال کرنے کے لئے. یہ ویب صفحات میں فانٹ سرایت کرنے کا ایک طریقہ ہے تاکہ آپ مخصوص "ایریڈ، ٹائمز نیو رومن، جورجیا" سے باہر مخصوص فانٹ استعمال کرسکتے ہیں جو کہ اس میں سے کچھ پیش کردہ ویب محفوظ فونٹس ہیں.
WOFF W3C کو ویب صفحات کے لئے فونٹ فونٹ کے معیار کے طور پر پیش کیا گیا تھا. یہ 16 نومبر، 2010 کو ایک کام کرنے کا مسودہ بن گیا. آج ہم اصل میں WOFF 2.0 ہے، جس میں تقریبا 30 فیصد کی شکل کے پہلے ورژن سے کمپریشن بہتر ہے. کچھ معاملات میں، یہ بچت بھی زیادہ سبسایہ ہوسکتی ہے!
کیوں WOFF استعمال کرتے ہیں؟
ویب فونٹس، بشمول WOFF فارمیٹ کے ذریعے، دیگر فونٹ کے اختیارات پر بہت زیادہ فوائد فراہم کرتے ہیں. جیسا کہ ان ویب محفوظ فونٹس کے طور پر مفید ہوسکتا ہے، اور ہمارے کام میں ان کے فانٹ کے لئے ابھی بھی ایک جگہ موجود ہے، یہ ہماری پسندوں کو بڑھانے اور ہمارے نوع ٹائپ کے اختیارات کو کھولنے کے لئے بھی اچھا ہے.
WOFF فونٹ مندرجہ ذیل فوائد ہیں:
- تصاویر کے طور پر فونٹ سے زیادہ قابل رسائی ہیں. CSS کے ساتھ WOFF طرزیں سادہ ایچ ٹی ایم ایل متن، آپ کو رسائی اور ڈیزائن کنٹرول دینے کے لۓ تصاویر کی اجازت نہیں دے گی.
- WOFF فائلوں میں ٹائپ کیجیے معلومات شامل ہیں جیسے متعلقہ فارم اور پرانے انداز کے اعداد و شمار. یہ آپ کے ویب صفحات کو بہتر نوع ٹائپ فراہم کرتا ہے کیونکہ آپ صحیح حروف استعمال نہیں کر رہے ہیں، نہ صرف قریبی قزاقوں.
- WOFF فونٹ بین الاقوامی کاری کے ساتھ مدد کرسکتے ہیں کیونکہ آپ دوسرے زبانوں سے حروف کے ساتھ فونٹ سرایت کرسکتے ہیں.
- تمام ایس ایس ایس سٹائل شدہ متن کی طرح، WOFF کے ساتھ سٹائل کروانے فونٹ مزید سرچ انجن دوستانہ ہیں. تلاش کے انجن کو ایک تصویر میں سرایت نہیں "متن" متن نہیں ہے، اور جب ALT ٹیکسٹ مدد کرسکتا ہے، تو متن میں کوئی متبادل نہیں ہے.
- WOFF فانٹ کمپریسڈ ہیں، لہذا وہ فونٹ کی فائلوں کے دیگر اقسام سے کہیں کم ہیں. یہ سائٹ ڈاؤن لوڈ کی رفتار اور مجموعی کارکردگی کے ساتھ مدد ملے گی.
- آپ WOFF فائلیں WOFF فائلوں کے طور پر آپ کے کارپوریٹ فونٹس کو سرایت کرکے اپنے برانڈ کی شناخت کو برقرار رکھنے کیلئے استعمال کرسکتے ہیں.
WOFF براؤزر سپورٹ
WOFF میں جدید براؤزرز میں شاندار براؤزر کی حمایت ہے، بشمول:
- کروم 6+
- فائر فاکس 3.6+
- انٹرنیٹ ایکسپلورر 9 +
- اوپیرا 11.1 +
- سفاری 5.1 +
ان دنوں بنیادی طور پر بورڈ بھر میں اس کی حمایت کی جاتی ہے، عیسا مینی کے تمام نسخوں کے عارضی استثنا کے ساتھ.
WOFF فانٹ کیسے استعمال کریں
WOFF فائل کو استعمال کرنے کے لئے، آپ کو اپنے ویب سرور میں WOFF فائل اپ لوڈ کرنے کی ضرورت ہے، اسے فونٹ-چہرہ پراپرٹی کے ساتھ ایک نام دیں، اور پھر اپنے سی ایس ایس میں فونٹ فون کریں. مثال کے طور پر:
- ویب سرور کے / فونٹ ڈائرکٹری کے لئے myWoffFont.woff نامی فونٹ اپ لوڈ کریں.
- آپ کے سی ایس ایس فائل میں ایک @ فونٹ - چہرے کا حصہ شامل ہے:
@ فونٹ چہرہ {
فونٹ - خاندان: myWoffFont؛
src = url ('/ fonts / myWoffFont.woff') کی شکل ('woff')؛
}
- آپ کے سی ایس ایس فونٹ اسٹیک میں نئے فونٹ کا نام (myWoffFont) شامل کریں، جیسے آپ کسی دوسرے فونٹ کا نام کریں گے:
p {
فونٹ-خاندان: میرا ویف فانٹ ، جنیوا، اییری ، ہیلیویٹیکا، سینسر سیرف؛
}
کہاں WOFF فانٹ حاصل کرنے کے لئے
تجارتی اور غیر تجارتی استعمال کے لئے بہت سے WOFF فانٹس تلاش کر سکتے ہیں جو دو عظیم مقامات ہیں:
- فونٹ لائبریری کھولیں
- فونٹ گلہری
اگر آپ کے پاس ایک فونٹ استعمال کرنے کا لائسنس ہے جو WOFF فارمیٹ میں دستیاب نہیں ہے، آپ WOFF فائلوں میں اپنے فانٹ کی فائلوں کو تبدیل کرنے کے لئے فونٹ اسکائرلر میں WOFF تخلیق کار استعمال کرسکتے ہیں. ایک کمانڈ لائن کا آلہ بھی ہے جو sfnt2woff کہا جاتا ہے کہ آپ Macintosh اور ونڈوز پر استعمال کرسکتے ہیں تاکہ آپ TrueType / OpenType فون کو WOFF میں تبدیل کرسکیں.
آپ کے سسٹم کے لئے بائنری مناسب ڈاؤن لوڈ کریں اور کمانڈ لائن (یا ٹرمینل) پر چلائیں اور ہدایات پر عمل کریں.
WOFF مثال
یہاں WOFF فائلوں کے چند مثالیں ہیں: 24 گھنٹے میں HTML5 پر WOFF صفحہ.
جینیفر کریین کی طرف سے اصل مضمون. 7/11/17 پر جیریمی Girard کی طرف سے ترمیم