ওয়েব ওপেন ফন্ট ফরম্যাট (WOFF) হল Mozilla দ্বারা তৈরি করা ওয়েব ফন্টগুলির জন্য একটি ফাইল বিন্যাস। একটি WOFF ফাইলে সংকুচিত TTF এবং OTF ফাইলের পাশাপাশি লাইসেন্সিং তথ্য এবং অন্যান্য মেটাডেটা থাকতে পারে। WOFF সম্পর্কে আপনার যা জানা দরকার তা এখানে।
এই নিবন্ধের তথ্য WOFF এবং WOFF2 ফাইলগুলিতে প্রযোজ্য৷
একটি WOFF ফাইল কি?
জিপ ফাইলের মতো, WOFF ফাইলগুলি অন্যান্য ফাইলগুলির জন্য কন্টেইনার হিসাবে কাজ করে, বিশেষত TrueType Font (TTF) এবং OpenType Font (OTF) ফাইলগুলি। এই ধরনের ফাইলগুলি ওয়েব ডিজাইনারদের বেশিরভাগ কম্পিউটারে পাওয়া স্ট্যান্ডার্ড অক্ষরের বাইরে ফন্ট ব্যবহার করার ক্ষমতা দেয়৷
WOFF-কে WOFF2 বিন্যাস দ্বারা বাতিল করা হয়েছে। WOFF2 আরও ভাল কম্প্রেশন অ্যালগরিদম অফার করে, যা মূল ফাইলের আকারকে অতিরিক্ত 30 শতাংশ কমিয়ে দেয়। অতএব, WOFF2 ফাইলগুলি কম ব্যান্ডউইথ নেয় এবং আরও দ্রুত লোড হয়। WOFF ফাইলের এক্সটেনশন .woff আছে, যখন WOFF2 ফাইলের এক্সটেনশন আছে .woff2।
WOFF ফাইল কিভাবে কাজ করে?
কার্যত সমস্ত ওয়েব পেজ ক্যাসকেডিং স্টাইল শীট (CSS) ব্যবহার করে আপনার স্ক্রিনে HTML এবং অন্যান্য উপাদানের বিন্যাস সংজ্ঞায়িত করতে। উদাহরণস্বরূপ, বিকাশকারীরা ব্যবহারকারীর কম্পিউটারে ইতিমধ্যে ইনস্টল করা ফন্টগুলিকে রেফারেন্স করে ওয়েব ফন্টগুলি পরিবর্তন করতে CCS ব্যবহার করতে পারে। যাইহোক, যদি আপনার পিসি বা ব্রাউজার একটি ফন্ট সমর্থন না করে, তাহলে এটি একটি ভিন্ন ফন্ট হিসাবে প্রদর্শিত হবে বা পৃষ্ঠার ফন্ট স্ট্যাক কিভাবে সেট আপ করা হয়েছে তার উপর নির্ভর করে লোড হবে না৷
এই সমস্যা এড়াতে, কাস্টম ফন্টগুলি একটি WOFF ফাইলে সংরক্ষণ করা যেতে পারে, যা অন্যান্য ওয়েব পৃষ্ঠা উপাদানগুলির সাথে একটি সার্ভারে সংরক্ষণ করা হয়। ডিজাইনার তারপর WOFF ফাইলের রেফারেন্স করতে এবং ব্রাউজারে ফন্ট রেন্ডার করতে @font-face CSS প্রপার্টি ব্যবহার করতে পারেন।
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 সমর্থন করে, আপনি ফন্টগুলিকে WOFF ফাইলে রূপান্তর করতে sfnt2woff টুল ব্যবহার করতে পারেন।
ওপেন ফন্ট লাইব্রেরি এবং ফন্ট স্কুইরেলের WOFF ফরম্যাটে শত শত ফন্ট রয়েছে যা বাণিজ্যিক এবং অ-বাণিজ্যিক ব্যবহারের জন্য বিনামূল্যে।