ওয়েব পৃষ্ঠাগুলিতে কাস্টম ফন্ট ব্যবহার করে
পাঠ্য বিষয়বস্তু সর্বদা ওয়েবসাইটগুলির একটি গুরুত্বপূর্ণ অংশ হয়ে আসছে, কিন্তু ওয়েব, ডিজাইনার এবং ডেভেলপারদের প্রাথমিক দিনগুলিতে মুদ্রণীয় নিয়ন্ত্রণে সীমিতভাবে সীমাবদ্ধ ছিল যে তাদের ওয়েবপৃষ্ঠাগুলির উপর তাদের বেশি ছিল। এই ফন্টের একটি সীমাবদ্ধতা অন্তর্ভুক্ত যে তারা তাদের সাইটে নির্ভরযোগ্যভাবে ব্যবহার করতে সক্ষম ছিল। আপনি সম্ভবত "ওয়েব নিরাপদ ফন্ট" শব্দটি অতীতের কথা উল্লেখ করেছেন। এটি একটি ফন্টের ছোট সেটকে বোঝায় যেগুলি একজন ব্যক্তির কম্পিউটারে অন্তর্ভুক্ত হওয়ার সম্ভাবনা বেশি ছিল, এর অর্থ হচ্ছে আপনি যদি এই ফন্টগুলি ব্যবহার করেন তবে এটি একটি নিরাপদ বিট ছিল যে এটি একটি ব্যক্তির ব্রাউজারে সঠিকভাবে উপস্থাপিত হবে।
আজ, ওয়েব পেশাদারদের সাথে কাজ করার জন্য নতুন ফন্ট এবং টাইপ অপশন একটি হোস্ট আছে, যার মধ্যে একটি WOFF বিন্যাস।
WOFF কি?
WOFF একটি আদ্যক্ষরা যা "ওয়েব ওপেন ফন্ট ফরম্যাট" এর জন্য ব্যবহৃত হয়। এটি CSS @ ফন্ট-মুখ সম্পত্তি দিয়ে ব্যবহারের জন্য ফন্টগুলি সংকুচিত করতে ব্যবহৃত হয়। এটি ওয়েবপৃষ্ঠাতে ফন্ট এম্বেড করার একটি উপায় যা আপনি সাধারণত "এরিয়েল, টাইমস নিউ রোমান, জর্জিয়া" এর বাইরে বিশেষ ফন্ট ব্যবহার করতে পারেন - যা পূর্ববর্তী ফোরামের উপরে সংরক্ষিত ফন্টগুলির কিছু।
WOFF ওয়েব পৃষ্ঠাগুলির জন্য প্যাকেজিং ফন্টগুলির জন্য আদর্শ হিসাবে W3C এ জমা দেওয়া হয়েছিল এটি 16 নভেম্বর, ২010 তারিখে একটি কার্যকরী খসড়া হয়ে ওঠে। আজ আমরা আসলে WOFF 2.0, যা প্রায় 30% দ্বারা ফরম্যাটের প্রথম সংস্করণ থেকে কম্প্রেশন উন্নত করে। কিছু ক্ষেত্রে, এই সঞ্চয় এমনকি আরও উপানুষ্ঠানিক হতে পারে!
WOFF ব্যবহার কেন?
WOFF ফরম্যাটের মাধ্যমে বিতরণকৃত ফন্টগুলি সহ ওয়েব ফন্টগুলি, অন্যান্য ফন্টের পছন্দগুলির উপর প্রচুর সুবিধা প্রদান করে। সেই ওয়েব নিরাপদ ফন্টগুলির মতোই দরকারী এবং আমাদের ফন্টের জন্য এখনও সেখানে একটি জায়গা রয়েছে, এটি আমাদের পছন্দগুলি প্রসারিত করতে এবং আমাদের টাইপোগ্রাফিক বিকল্পগুলি খুলতে আরও ভাল।
WOFF ফন্টের নিম্নলিখিত সুবিধাগুলি রয়েছে:
- তারা ছবি হিসাবে ফন্টের চেয়ে বেশি অ্যাক্সেসযোগ্য। WOFF শৈলী সিএসএস সহ সাধারণ এইচটিএমএল টেক্সট, যা আপনাকে অ্যাক্সেসযোগ্যতা এবং ডিজাইন কন্ট্রোল প্রদান করে যা ইমেজগুলির জন্য অনুমতি দেবে না।
- WOFF ফাইলগুলি প্রাসঙ্গিক ফর্ম এবং পুরানো শৈলী পরিসংখ্যান মত মুদ্রণ সম্পর্কিত তথ্য অন্তর্ভুক্ত এটি আপনার ওয়েব পেজগুলিকে সুন্দর টাইপোগ্রাফি দেয় কারণ আপনি সঠিক অক্ষরগুলি ব্যবহার করছেন, শুধু আনুমানিক নয়।
- WOFF ফন্টগুলি আন্তর্জাতিকীকরণের ক্ষেত্রে সাহায্য করতে পারে কারণ আপনি অন্যান্য ভাষার থেকে অক্ষরের সাথে ফন্টগুলি এম্বেড করতে পারেন।
- সব সিএসএস স্টাইল্ড পাঠ্য মত, WOFF এর সাথে স্টাইল করা ফন্টগুলি আরও বেশি সার্চ ইঞ্জিন বন্ধুত্বপূর্ণ। সার্চ ইঞ্জিনগুলি কোনও চিত্রের মধ্যে "টেক্সট" এম্বেড করা হয় না, এবং ALT পাঠ্যর সাহায্যে সাহায্য করতে পারে, তখন পাঠ্যের জন্য কোনও বিকল্প নেই।
- WOFF ফন্টগুলি সংকুচিত হয়, তাই তারা অন্যান্য ধরনের ফন্ট ফাইলের চেয়ে ছোট। এই সাইট ডাউনলোড গতি এবং সামগ্রিক কর্মক্ষমতা সঙ্গে সাহায্য করবে।
- আপনি WOFF ফাইলগুলি হিসাবে আপনার কর্পোরেট ফন্টগুলি এম্বেড করে আপনার ব্র্যান্ড পরিচয় সংরক্ষণের জন্য WOFF ফাইলগুলি ব্যবহার করতে পারেন।
WOFF ব্রাউজার সমর্থন
আধুনিক ব্রাউজারে WOFF- এর চমৎকার ব্রাউজার সমর্থন রয়েছে:
- Chrome 6+
- ফায়ারফক্স 3.6+
- ইন্টারনেট এক্সপ্লোরার 9+
- অপেরা 11.1+
- সাফারি 5.1+
অপেরা মিনির সব সংস্করণ একমাত্র ব্যতিক্রম ছাড়া এটি আজকের দিনে বোর্ড জুড়ে সমর্থিত।
কিভাবে WOFF ফন্ট ব্যবহার করুন
একটি WOFF ফাইল ব্যবহার করার জন্য, আপনাকে আপনার ওয়েব সার্ভারে WOFF ফাইল আপলোড করতে হবে, এটি @ font-face সম্পত্তি দিয়ে একটি নাম দিন এবং তারপর আপনার CSS এ ফন্টটি কল করুন। উদাহরণ স্বরূপ:
- MyWoffFont.woff নামক ফন্টটি ওয়েব সার্ভারের / ফন্ট ডিরেক্টরীতে আপলোড করুন।
- আপনার সিএসএস ফাইলে একটি @ ফন্ট সাইভাগ যোগ করুন:
@ফন্ট অভিহিত {
ফন্ট-পরিবার: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') বিন্যাস ('woff');
}
- আপনার CSS ফন্ট স্ট্যাকের নতুন ফন্ট নাম (myWoffFont) যোগ করুন, যেমন আপনি অন্য কোন ফন্টের নাম:
পি {
ফন্ট-পরিবার: আমারউফফন্ট , জেনেভা, এরিয়েল, হেলিটিকা , সান-সেরিফ;
}
কোথায় WOFF ফন্ট পেতে
বাণিজ্যিক এবং অ বাণিজ্যিক ব্যবহারের জন্য বিনামূল্যে WOFF ফন্ট প্রচুর যে দুটি দুর্দান্ত জায়গা আছে:
- ওপেন ফন্ট লাইব্রেরি
- ফন্ট জখম
যদি আপনার ফন্টটি WOFF ফর্ম্যাটে পাওয়া না যায় এমন একটি ফ্রী্ট ব্যবহার করার জন্য একটি লাইসেন্স থাকে, তাহলে আপনি ফন্ট জিহ্বারের মতো WOFF নির্মাতাকে আপনার ফন্ট ফাইলগুলি WOFF ফাইলগুলিতে রূপান্তর করতে ব্যবহার করতে পারেন। Sfnt2woff নামক একটি কমান্ড-লাইন টুল রয়েছে যা আপনি ম্যাকিনটোশ এবং উইন্ডোজে ব্যবহার করতে পারবেন যাতে আপনার TrueType / OpenType ফন্টগুলি WOFF তে রূপান্তর করতে পারে।
আপনার সিস্টেমে যথাযথ বাইনারি ডাউনলোড করুন এবং কমান্ড লাইন (অথবা টার্মিনাল) এ রান করুন এবং নির্দেশাবলী অনুসরণ করুন।
WOFF উদাহরণ
এখানে কয়েকটি WOFF ফাইলের উদাহরণ রয়েছে: ২4 ঘন্টায় HTML5 এ WOFF পৃষ্ঠা।
জনিফার ক্রাইনিনের মূল রচনা 7/11/17 তারিখে জেরেমি গিরিড দ্বারা সম্পাদিত