আপনি ফন্টগুলি কোথায় রাখবেন যাতে সিএসএস সেগুলি অ্যাক্সেস করতে পারে?
আমি একটি। ওওফ ফাইলটিতে ব্রাউজারের জন্য অ-মানক ফন্ট ব্যবহার করছি। যাক এর 'ভয়ঙ্কর-ফন্ট' একটি ফাইল 'দুর্দান্ত "ফন্টে রাখা আছে।
উত্তর:
ওয়াফ ফাইল তৈরির পরে, আপনাকে ফন্ট-পরিবার নির্ধারণ করতে হবে, যা পরে আপনার সমস্ত সিএসএস শৈলীতে ব্যবহার করা যেতে পারে। নীচে ফন্ট পরিবারগুলি (সাধারণ, সাহসী, সাহসী-ইটালিক, ইটালিক) টাইপফেসগুলি সংজ্ঞায়িত করার কোড রয়েছে is ধারণা করা হয়, এখানে 4 * .ওফ ফাইল রয়েছে (উল্লিখিত টাইপফেসের জন্য), fontsউপ - ডিরেক্টরিতে রেখে দেওয়া হয়েছে ।
সিএসএস কোডে:
@font-face {
font-family: "myfont";
src: url("fonts/awesome-font.woff") format('woff');
}
@font-face {
font-family: "myfont";
src: url("fonts/awesome-font-bold.woff") format('woff');
font-weight: bold;
}
@font-face {
font-family: "myfont";
src: url("fonts/awesome-font-boldoblique.woff") format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "myfont";
src: url("fonts/awesome-font-oblique.woff") format('woff');
font-style: italic;
}
এই সংজ্ঞা থাকার পরে, আপনি কেবল লিখতে পারেন, উদাহরণস্বরূপ,
এইচটিএমএল কোডে:
<div class="mydiv">
<b>this will be written with awesome-font-bold.woff</b>
<br/>
<b><i>this will be written with awesome-font-boldoblique.woff</i></b>
<br/>
<i>this will be written with awesome-font-oblique.woff</i>
<br/>
this will be written with awesome-font.woff
</div>
সিএসএস কোডে:
.mydiv {
font-family: myfont
}
প্রজন্মের ওয়ফফ ফাইলগুলির জন্য ভাল সরঞ্জাম, যা সিএসএস স্টাইলশিটগুলিতে অন্তর্ভুক্ত করা যেতে পারে তা এখানে অবস্থিত । সমস্ত woff ফাইল সর্বশেষতম ফায়ারফক্স সংস্করণের অধীনে সঠিকভাবে কাজ করে না এবং এই জেনারেটরটি 'সঠিক' হরফ তৈরি করে।
@font-faceআপনার স্টাইলশীটে আপনাকে এ জাতীয় ঘোষণা করতে হবে
@font-face {
font-family: 'Awesome-Font';
font-style: normal;
font-weight: 400;
src: local('Awesome-Font'), local('Awesome-Font-Regular'), url(path/Awesome-Font.woff) format('woff');
}
এখন আপনি যদি এই ফন্টটি কোনও অনুচ্ছেদে প্রয়োগ করতে চান তবে কেবল এটির মতো ব্যবহার করুন ..
p {
font-family: 'Awesome-Font', Arial;
}