Web Open Font Format (WOFF) হলো Mozilla দ্বারা বিকশিত ওয়েব ফন্টের জন্য একটি ফাইল ফরম্যাট। একটি WOFF ফাইল কম্প্রেসড TTF এবং OTF ফাইলসহ লাইসেন্সিং ইনফরমেশন এবং অন্যান্য মেটাডেটা ধারণ করতে পারে। WOFF সম্পর্কে আপনার যা জানা দরকার সেটি নিচে দেওয়া হলো।
এই আর্টিকেলের ইনফরমেশন WOFF এবং WOFF2 ফাইলদুইতেই প্রযোজ্য।
WOFF ফাইল কী?
ZIP ফাইলগুলির মতো, WOFF ফাইলগুলি অন্যান্য ফাইলগুলির জন্য কন্টেইনার হিসেবে কাজ করে, স্পেসিফিক্যালি TrueType Font (TTF) এবং OpenType Font (OTF) ফাইলগুলো। এই ধরনের ফাইলগুলো ওয়েব ডিজাইনারদের অধিকাংশ কম্পিউটারে পাওয়া স্ট্যান্ডার্ড ক্যারেক্টারগুলোর বাইরে ফন্ট ব্যবহার করার ক্ষমতা দেয়।
WOFF2 ফরম্যাট দ্বারা WOFF সুপerseded হয়েছে। WOFF2 আরও ভালো কম্প্রেশন অ্যালগরিদম অফার করে, যা মূল ফাইল সাইজকে অতিরিক্ত ৩০ পার্সেন্ট কমিয়ে দেয়। তাই WOFF2 ফাইলগুলো কম ব্যান্ডউইথ নেয় এবং আরও দ্রুত লোড হয়। WOFF ফাইলগুলোর এক্সটেনশন .woff, অন্যদিকে WOFF2 ফাইলগুলোর এক্সটেনশন .woff2।
WOFF ফাইল কীভাবে কাজ করে?
প্রায় সব ওয়েব পেজ Cascading Style Sheets (CSS) ব্যবহার করে HTML এবং আপনার স্ক্রিনের অন্যান্য এলিমেন্টের লেআউট ডিফাইন করে। উদাহরণস্বরূপ, ডেভেলপাররা CSS ব্যবহার করে ওয়েব ফন্ট পরিবর্তন করতে পারেন ব্যবহারকারীর কম্পিউটারে ইতিমধ্যে ইনস্টলড ফন্টগুলো রেফারেন্স করে। কিন্তু যদি আপনার PC বা ব্রাউজার একটি ফন্ট সাপোর্ট না করে, তবে সেটি একটি ভিন্ন ফন্ট হিসেবে দেখাবে বা সবকিছু লোড হবে না, পেজের ফন্ট স্ট্যাক কীভাবে সেট আপ করা হয়েছে তার উপর নির্ভর করে।
এই সমস্যা এড়াতে, কাস্টম ফন্টগুলো একটি WOFF ফাইলে সংরক্ষিত করা যায়, যা ওয়েব পেজের অন্যান্য সব এলিমেন্টের সাথে সার্ভারে সেভ থাকে। ডিজাইনাররা তারপর @font-face CSS প্রপার্টি ব্যবহার করে WOFF ফাইলটি রেফারেন্স করে এবং ব্রাউজারে ফন্টটি রেন্ডার করে।
Google Chrome, Firefox, Microsoft Edge, Opera, এবং Safari WOFF ফরম্যাট সাপোর্ট করে, কিন্তু আপনাকে আপনার ওয়েব ব্রাউজার লেটেস্ট ভার্সনে আপডেট করতে হতে পারে।
WOFF-এর সুবিধা
ওয়েব ডেভেলপারদের জন্য উপলব্ধ ফন্টের ধরন বাড়ানোর পাশাপাশি, WOFF ফাইল ব্যবহার করার বেশ কিছু সুবিধা আছে। উদাহরণস্বরূপ:
- কম্প্রেশন: যেহেতু WOFF ফাইলগুলো কম্প্রেসড, তারা অন্যান্য ফন্ট ফাইল টাইপের চেয়ে দ্রুত লোড হয়।
- HTML এবং CSS সাপোর্ট: ইমেজ ফাইলগুলোর বিপরীতে, WOFF ফাইলগুলো HTML এবং CSS দিয়ে স্টাইল করা যায়।
- SEO: WOFF ফন্ট টেক্সটের ইমেজের চেয়ে সার্চ ইঞ্জিন অপ্টিমাইজেশন (SEO) এর জন্য ভালো।
- অপ্টিমাইজড রেন্ডারিং: WOFF ফাইলগুলো টাইপোগ্রাফিক্যাল ইনফরমেশন অন্তর্ভুক্ত করে যার মধ্যে কনটেক্সচুয়াল ফর্ম এবং ওল্ড-স্টাইল ফিগার রয়েছে, যা সকল ডিভাইসে অপ্টিমাল রেন্ডারিং অনুমতি দেয়।
- ওয়েবসাইট অ্যাক্সেসিবিলিটি: WOFF ফাইলগুলো সাইটকে আরও অ্যাক্সেসিবল করে কারণ টেক্সট بصوت উচ্চ করে পড়া যায় এবং টেক্সটের ইমেজে এটি সম্ভব নয়।
- এমবেডিং: WOFF ফন্ট আন্তর্জাতিকীকরণে সাহায্য করে কারণ এটি আপনাকে অন্যান্য ভাষার ক্যারেক্টার সহ ফন্ট এমবেড করতে দেয়।
নিজের WOFF ফন্ট তৈরি করুন
FontForge-এর মতো ফন্ট এডিটর আপনাকে আপনার নিজস্ব ফন্ট সেট ডিজাইন করে সেগুলো WOFF ফাইল হিসেবে এক্সপোর্ট করতে দেয়। আপনি FontForge ব্যবহার করে WOFF কে TTF বা OTF ফাইলে কনভার্টও করতে পারেন। আপনার যদি অন্য কোনো ফন্ট এডিটর পছন্দ থাকে যা শুধু TTF বা OTF সাপোর্ট করে, তবে আপনি sfnt2woff টুল ব্যবহার করে ফন্টগুলো WOFF ফাইলে কনভার্ট করতে পারেন।
Open Font Library এবং Font Squirrel-এ WOFF ফরম্যাটে শত শত ফ্রি ফন্ট আছে যা কমার্শিয়াল এবং নন-কমার্শিয়াল ব্যবহারের জন্য ফ্রি।
