ব্রাউজার বা অপারেটিং সিস্টেম এর মধ্যে সর্বোচ্চ ধারণ ক্ষমতা নিশ্চিত করতে "fallback" পদ্ধতি ব্যবহার করে সিএসএস এর font-family প্রোপার্টি বিভিন্ন ফন্টের নাম ধারণ করে। যদি ব্রাউজার প্রথম ফন্ট সমর্থন না করে অর্থাৎ সিএসএস স্টাইল কোডে লেখা প্রথম ফন্টতি প্রদরসন করতে বার্থ হলে বা না পারলে, এটি পরবর্তী ফন্টে লেখা বা text প্রদর্শন করতে চেষ্টা করে।
বহুল ব্যবহৃত কিছু generic বা জেনেরিক ফন্ট ফ্যামিলি হল Serif Font, Sans-Serif Font ইত্যাদি।
আপনি যে ফন্ট চান তা দিয়ে শুরু হয় এবং শেষ হয় জাতিগত বা generic ফ্যামিলি দিয়ে আর যদি কোনো ফন্ট না পায় তাহলে জাতিগত বা generic ফ্যামিলি থেকেই ব্রাউজার প্রায় একই রকম অন্য কোন ফন্ট ব্যবহার করে।
নিচে সিএসএস এর font-family প্রোপার্টি ব্যবহার করে আক্তি উদাহরন দেখুন।
p{
font-family: "Times New Roman", Times, serif;
}
নিচে ফন্ট ফ্যামিলি গুলো সম্পর্কে বিস্তারিত দেখুন।
| font-family | Example text |
|---|---|
| Arial, Helvetica, sans-serif | This is a headingThis is a paragraph |
| "Arial Black", Gadget, sans-serif | This is a headingThis is a paragraph |
| "Comic Sans MS", cursive, sans-serif | This is a headingThis is a paragraph |
| Impact, Charcoal, sans-serif | This is a headingThis is a paragraph |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | This is a headingThis is a paragraph |
| Tahoma, Geneva, sans-serif | This is a headingThis is a paragraph |
| "Trebuchet MS", Helvetica, sans-serif | This is a headingThis is a paragraph |
| Verdana, Geneva, sans-serif | This is a headingThis is a paragraph |
| font-family | Example text |
|---|---|
| Georgia, serif | This is a headingThis is a paragraph |
| "Palatino Linotype", "Book Antiqua", Palatino, serif | This is a headingThis is a paragraph |
| "Times New Roman", Times, serif | This is a headingThis is a paragraph |
| font-family | Example text |
|---|---|
| "Courier New", Courier, monospace | This is a headingThis is a paragraph |
| "Lucida Console", Monaco, monospace | This is a headingThis is a paragraph |
শেয়ার করুন
