সিএসএস ওয়েব সেফ ফন্ট সমাহার
সাধারণত ব্যবহৃত ফন্ট সমাহার
ব্রাউজার/অপারেটিং সিস্টেম এর মধ্যে সর্বোচ্চ ধারণ ক্ষমতা নিশ্চিত করতে "fallback" সিস্টেম দ্বারা font-family প্রোপার্টি বিভিন্ন ফন্টের নাম ধারণ করে। যদি ব্রাউজার প্রথম ফন্ট সমর্থন না করে, তাহলে এটি পরবর্তী ফন্টে চেষ্টা করে।
আপনি যে ফন্ট চান তা দিয়ে শুরু হয় এবং শেষ হয় জাতিগত(generic) ফ্যামিলি দিয়ে আর যদি কোনো ফন্ট না পায় তাহলে জাতিগত(generic) ফ্যামিলি থেকে ব্রাউজার একই রকম একটি ফন্ট নেয়ঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<style>
p.serif {
font-family: "Times New Roman", Times, serif;
}
p.sansserif {
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="serif">My name is Azizur Rahman Aziz</p>
<p class="sansserif">My name is Azizur Rahman Aziz</p>
</body>
</html>
ফলাফল
সবসময় ব্যবহৃত এই রকম কিছু ফন্ট কম্বিনেশন নিচে দেওয়া হলো,এগুলো জাতিগত(generic) ফ্যামিলি অনুসারে সাজানো হয়েছে।
সেরিফ ফন্ট(Fonts)
font-family | উদাহরণ |
---|---|
Georgia, serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
"Palatino Linotype", "Book Antiqua", Palatino, serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
"Times New Roman", Times, serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
সেন্স-সেরিফ(Sans-Serif) ফন্ট(Fonts)
font-family | উদাহরণ |
---|---|
Arial, Helvetica, sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
"Arial Black", Gadget, sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
"Comic Sans MS", cursive, sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
Impact, Charcoal, sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
"Lucida Sans Unicode", "Lucida Grande", sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
Tahoma, Geneva, sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
"Trebuchet MS", Helvetica, sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
Verdana, Geneva, sans-serif | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
মনোস্পেস(Monospace) ফন্ট(Fonts)
font-family | উদাহরণ |
---|---|
"Courier New", Courier, monospace | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |
"Lucida Console", Monaco, monospace | এটি একটি হেডিংএটি একটি প্যারাগ্রাফ |