ويب پيج تي گراهڪ فانٽ استعمال ڪندي
متن جي مواد هميشه ويب سائيٽن جو هڪ اهم ٽڪرو بڻجي چڪو آهي، پر ويب جي شروعاتي ڏينهن ۾، ڊزائنر ۽ ڊولپرز ٽائپوگرافڪ ڪنٽرول ۾ سخت طور تي محدود ٿي ويا آهن جيڪي انهن جي ويب جي مٿان هئا. هن فون ۾ هڪ حد شامل ڪئي وئي آهي جيڪي اهي انهن جي ويب سائيٽ تي صحيح طور تي استعمال ڪرڻ جي قابل هئا. توھان اڳ ۾ ئي ماضي ۾ ذڪر "ويب محفوظ فانٽ" اصطلاح ٻڌو آھي. اهو فانٽ جو ننڍڙو سيٽ جو حوالو ڏنو ويو آهي جيڪو گهڻو ڪري ڪنهن شخص جي ڪمپيوٽر تي شامل ٿيڻ جي امڪان هوندي هئي، مطلب ته جيڪڏهن توهان سائيٽ انهي فانٽ مان هڪ استعمال ڪيو ٿا، اهو محفوظ شرط هو ته اهو ڪنهن شخص جي برائوزر تي صحيح طور تي مهيا ڪيو هو.
اڄ، ويب پروفيسر هڪ نئين فونٽ جو ميزبان ۽ ڪم ڪرڻ جي طريقن سان گڏ آهي، جن مان هڪ هڪ WOFF شڪل آهي.
WOFF ڇا آهي؟
WOFF ھڪڙو اھو مخفف آھي جيڪو "ويب اوپن فانٽ فارميٽ" لاء آھي. "اھو استعمال ڪرڻ لاء فانٽ استعمال ڪرڻ لاء استعمال ڪيو ويندو سي ايس ايس @ font-face property. اهو ويب صفحن ۾ فانٽ سرايت ڪرڻ جو هڪ طريقو آهي انهي ڪري ته توهان خاص طور تي "ايريڊ، ٽائمز نيو رومن، جارجيا" کان ٻاهر خاص فانٽ استعمال ڪري سگهو ٿا، جن مان ڪجهه اڻ ڄاڻايل ويب محفوظ فونون شامل آهن.
WOFF ويب صفحن لاء فانٽنگ ٺاهڻ لاء هڪ معيار جي حيثيت سان W3C کي پيش ڪيو ويو. اهو 16 نومبر، 2010 تي ڪم ڪندڙ مسودو بنجي ويو. اڄ اسان کي 2.0 WOFF آهي، جو تقريبا 30٪ ڪندي فارميٽ جي پهرئين نسخي کي بهتر بناتا ہے. ڪجهه حالتن ۾، اهي بچت به وڌيڪ ذيلي حامي ٿي سگهي ٿي!
WOFF ڇو استعمال ڪريو؟
ويب فونٽ، جن ۾ WOFF فارمٽيو ذريعي مهيا ڪيل آهن، ٻين فٽ جي چونڊ تي تمام گهڻو فائدي مهيا ڪن ٿيون. جئين ته اهي محفوظ محفوظ ويب فانٽ طور تي موجود آهن، ۽ يقيني طور تي اڃا تائين اسان جي ڪم ۾ انهن فانٽ لاء هڪ جاء آهي، اهو اسان جي انتخابن کي وڌائڻ ۽ اسان جي ٽائپگرافڪ اختيارن کي کولڻ لڳندو آهي.
WOFF فونٽ هيٺ ڏنل فائدا آھن.
- اھي فانٽ کان وڌيڪ تصويرون آھن جيڪي تصويرون آھن. WOFF بلڪل HTML متن سي ڊي سان ٺاهيندي، جيڪا توهان جي رسائي ۽ ڊزائنڪ سنڀال ڪن ٿيون جيڪا تصويرون جي اجازت نه هوندي.
- WOFF فائلن ۾ ٽائپاتياتي معلومات شامل آهي جهڙوڪ قاعدي شڪل ۽ پراڻي انداز جي لحاظ کان. اهو توهان جي ويب صفحا بهتر نموني ڏيکاري ٿو ڇو ته توهان صحيح اکر استعمال ڪري رهيا آهيو، صرف لڳاتار نه هجن.
- WOFF فونٽ بين الاقوامي ترتيب سان مدد ڪري سگھن ٿا ڇو ته توهان ڪردارن سان ٻين ٻولين کان فانٽ ڪري سگهو ٿا.
- سڀني سي ايس ڊي جي سٿيل ٽيڪسٽ وانگر، WOFF سان ٻڌايل فونٽ وڌيڪ سرچ انجن دوستانه آهن. سرچ انجڻ هڪ تصوير ۾ ڳنڍيل لفظ "ڏسو" نه ٿا ڏسو، ۽ جڏهن ته ALT ٽيڪسٽ مدد ڪري سگھن ٿا، نه ئي متن لاء ڪو متبادل ناهي.
- WOFF فونٽ مرتب آهن، تنهنڪري اهي ٻين قسمن جي فائيل فائلن کان ننڍا آهن. هي سائيٽ جي ڊائون لوڊ جي رفتار ۽ مجموعي ڪارڪردگي سان مدد ڪندي.
- توهان WOFF فائلن کي توهان جي برائوزن جي سڃاڻپ محفوظ ڪرڻ لاء پنهنجي ڪارپوريٽ فونٽ WOFF فائلن جي ذريعي محفوظ ڪرڻ لاء استعمال ڪري سگهو ٿا.
WOFF برائوزر جي حمايت
WOFF جديد برائوزرن ۾ بهترين برائوزر جي مدد ڪئي آهي، جنهن ۾ شامل آهن:
- Chrome 6+
- فائر فاکس 3.6+
- انٽرنيٽ ايڪسپلورر 9+
- اوپيرا 11.1+
- سفاري 5.1+
اهو لازمي طور تي بورڊ ۾ لازمي طور تي حمايت ڪري ٿو، لون استثنائي سان اوپيرا ميني جي سڀني نسخن سان.
WOFF فانٽ استعمال ڪريو
WOFF فائل استعمال ڪرڻ لاء، توهان کي ويب سرور تي WOFF فائل اپلوڊ ڪرڻ جي ضرورت آهي، اهو نالو هڪ فونٽ-منهن جي ملڪيت سان ڏيو، ۽ پوء پنهنجي سي ايس ۾ فانٽ سڏين. مثال طور:
- myWoffFont.woff جو نالو فونٽ اپ لوڊ ڪريو ويب سرور جي فانٽ ڊاريڪٽري تائين.
- توهان جي سي ايس ايس فائيل ۾ هڪ @ فائيل-منهن سيڪشن شامل ڪيو آهي:
@ font-face {
فونٽ-ڪٽنب: MyWoffFont؛
src: url ('/ fonts / myWoffFont.woff') فارميٽ ('woff')؛
}
- توھان جي ڪا ٻي فھرست نالو آھي توھان جھڙوڪ نئون فٽ جو نالو (myWoffFont) پنھنجي سي ايس ايس فٽ اسٽيڪ تي شامل ڪريو.
p {
فونٽ-ڪٽنب: ميڊواواڊٽ ، جينوا، ايريلي ، هيلو ويسٽيڪا، سين سرير؛
}
ڪٿي WOFF فانٽ حاصل ڪرڻ لاء
اتي ٻه وڏيون جڳھون جيڪي توهان ڳولي سگهو ٿا ڪيترائي وسيلا فونٽس جيڪي تجارتي ۽ غير تجارتي استعمال لاء آزاد آهن.
- فائيل لائبريري
- فونٽ اسڪوائريل
جيڪڏهن توهان وٽ فائيل استعمال ڪرڻ جو لائسنس موجود آهي جيڪو WOFF فارمٽين ۾ موجود ناهي، توهان پنهنجي فائيل فائلن کي WOFF فائلن ۾ تبديل ڪرڻ لاء فائوٽ اسڪوائر جيان استعمال ڪري سگهو ٿا WOFF ٺاهڻ وارو. هتي هڪ ڪنڊ لائن لائن جو نالو سڏائي ٿو sfnt2woff جيڪو توهان Macintosh ۽ Windows تي استعمال ڪري سگهو ٿا پنهنجي اصلي سچائپ / اوپن ٽائپ فانٽ کي WOFF کي تبديل ڪرڻ لاء.
توھان جي سسٽم کي بائنري مناسب ڊائون لوڊ ڪريو ۽ ان کي حڪم لائين (يا ٽرمينل) تي هلائڻ ۽ هدايتن جي پيروي ڪريو.
WOFF مثال
هتي WOFF فائلن جا چند مثال آهن: 24 ڪلاڪن ۾ HTML5 मा WOFF Page.
اصل مضمون جينيفر ڪيريئن طرفان. 7/17/17 تي Jeremy Girard پاران ڏنل