মজিলা বিকাশকারী সিএসএস টিউটোরিয়াল অনুসারে :
ইটালিক: যদি পাওয়া যায় তবে ফন্টের ইটালিক সংস্করণটি ব্যবহার করতে পাঠ্যকে সেট করে ; যদি উপলভ্য না হয় তবে এটি পরিবর্তে তির্যক দিয়ে তির্যক নকল করবে।
তির্যক: সাধারণ সংস্করণকে তির্যক করে তৈরি করা একটি তাত্পর্যযুক্ত ফন্টের সিমুলেটেড সংস্করণ ব্যবহার করতে পাঠ্যকে সেট করে।
এখান থেকে, আমরা অনুমান করি যে হরফের কোনও ইটালিক সংস্করণ যদি না পাওয়া যায় তবে তির্যক এবং তির্যক উভয়ই একইভাবে আচরণ করে। যেহেতু ডাব্লু 3 স্কুল স্কুল স্নিপেট কোনও নির্দিষ্ট নির্দিষ্ট করে না font-family, তাই আমি বিশ্বাস করি একটি ডিফল্ট ফন্ট ব্যবহার করা হয়েছে; একটি ডিফল্ট ফন্ট যা সম্ভবত একটি তির্যক সংস্করণ নেই।
তবে কীভাবে ফন্টের ইটালিক সংস্করণ পাওয়া যায়?
এর অর্থ হ'ল আমাদের কাছে একই ফন্টের কমপক্ষে দুটি সংস্করণ রয়েছে, একটি "নিয়মিত" একটি এবং একটি ইটালিক। এগুলি নিয়ম <style>সহ বিভাগে নির্দিষ্ট করা যেতে পারে @font-face। দয়া করে সংক্ষিপ্তভাবে পড়ুন: developer.mozilla , W3Schools , tympanus.net । যেহেতু আপনি দেখতে পারেন, ফন্ট একটি ফাইল, নিম্নলিখিত এক্সটেনশান থাকতে পারে যা লোড করা হয়: eot, otf, woff, truetype।
এখনও অবধি, আমি ফন্ট ফাইলটি সংযুক্ত করার দুটি উপায় খুঁজে পেয়েছি
হরফ ফাইলের পরম URL: ( tympanus.net থেকে কোড স্নিপেট )
`@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url (http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'),
url
(http://themes.googleusercontent.com/static/fonts/opensans/v8/
xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff)
format('woff');
}`
দয়া করে লক্ষ্য করুন যে আমাদের উভয় ক্ষেত্রেই font-family: 'Open Sans'মূলত একই ফন্টটি সংজ্ঞায়িত করা হয়েছে; তবে প্রথম ক্ষেত্রে আমাদের রয়েছে font-style: normal;, যখন দ্বিতীয় ক্ষেত্রে রয়েছে font-style: italic;। এছাড়াও নোট করুন যে ইউআরএলগুলি বিভিন্ন ফাইলগুলিতে নির্দেশ করে। এখন, ডাব্লু 3 স্কুল স্কুল স্নিপেটে ফিরে যাওয়া, ব্রাউজারটি font-style: normalএবং এর মধ্যে পার্থক্য করতে পারেfont-style: italic
হরফ ফাইলটিতে আপেক্ষিক পথটি ব্যবহার করে: ( ধাতব টোড.কম থেকে কোড স্নিপেট )
প্রতিটি ফন্টের জন্য পৃথক ফন্ট-পারিবারিক মানগুলি সংজ্ঞায়িত করার পরিবর্তে, আপনি প্রতিটি ফন্টের জন্য একই ফন্ট-পরিবারের নাম ব্যবহার করতে পারেন, এবং মিলের শৈলীর সংজ্ঞা দিতে পারেন, যেমন:
`@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-R-webfont.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-I-webfont.eot');
font-weight: normal;
font-style: italic;
}`
এই ক্ষেত্রে, .eotফাইলগুলি অবশ্যই এইচটিএমএল পৃষ্ঠা হিসাবে একই ফোল্ডারে সংরক্ষণ করতে হবে। আবার লক্ষ্য করুন যে একইটি font-familyএকই, font-styleপৃথক এবং ইউআরএলগুলিও পৃথক: উবুন্টু- আর- ওয়েফফন্ট বনাম উবুন্টু- আই- ওয়েফফন্ট।
হরফের ইটালিক সংস্করণের উদাহরণ:
ctan.org : এটি কীভাবে একই ফন্টের বিভিন্ন স্টাইল / ওজনের জন্য বিভিন্ন ফাইল সরবরাহ করা হয় তার একটি উদাহরণ। গা bold় বা তির্যক উভয়ই ঘটনাস্থলে গণনা করা হয় না, তারা তাদের নির্দিষ্ট ফাইল থেকে পুনরুদ্ধার করা হয়।
