সিএসএস ওয়েব সেফ ফন্ট - Css Web Safe Font


বহুল ব্যবহৃত কিছু ফন্ট

ব্রাউজার বা অপারেটিং সিস্টেম এর মধ্যে সর্বোচ্চ ধারণ ক্ষমতা নিশ্চিত করতে "fallback" পদ্ধতি ব্যবহার করে সিএসএস এর font-family প্রোপার্টি বিভিন্ন ফন্টের নাম ধারণ করে। যদি ব্রাউজার প্রথম ফন্ট সমর্থন না করে অর্থাৎ সিএসএস স্টাইল কোডে লেখা প্রথম ফন্টতি প্রদরসন করতে বার্থ হলে বা না পারলে, এটি পরবর্তী ফন্টে লেখা বা text প্রদর্শন করতে চেষ্টা করে।

বহুল ব্যবহৃত কিছু generic বা জেনেরিক ফন্ট ফ্যামিলি হল Serif Font, Sans-Serif Font ইত্যাদি।

আপনি যে ফন্ট চান তা দিয়ে শুরু হয় এবং শেষ হয় জাতিগত বা generic ফ্যামিলি দিয়ে আর যদি কোনো ফন্ট না পায় তাহলে জাতিগত বা generic ফ্যামিলি থেকেই ব্রাউজার প্রায় একই রকম অন্য কোন ফন্ট ব্যবহার করে।

নিচে সিএসএস এর font-family প্রোপার্টি ব্যবহার করে আক্তি উদাহরন দেখুন।

উদাহরণ

p{
font-family: "Times New Roman", Times, serif;
}

কোড এডিটর


নিচে ফন্ট ফ্যামিলি গুলো সম্পর্কে বিস্তারিত দেখুন।


Sans-Serif Font


font-family Example text
Arial, Helvetica, sans-serif

This is a heading

This is a paragraph

"Arial Black", Gadget, sans-serif

This is a heading

This is a paragraph

"Comic Sans MS", cursive, sans-serif

This is a heading

This is a paragraph

Impact, Charcoal, sans-serif

This is a heading

This is a paragraph

"Lucida Sans Unicode", "Lucida Grande", sans-serif

This is a heading

This is a paragraph

Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph

"Trebuchet MS", Helvetica, sans-serif

This is a heading

This is a paragraph

Verdana, Geneva, sans-serif

This is a heading

This is a paragraph


Serif Font


font-family Example text
Georgia, serif

This is a heading

This is a paragraph

"Palatino Linotype", "Book Antiqua", Palatino, serif

This is a heading

This is a paragraph

"Times New Roman", Times, serif

This is a heading

This is a paragraph


Monospace Font


font-family Example text
"Courier New", Courier, monospace

This is a heading

This is a paragraph

"Lucida Console", Monaco, monospace

This is a heading

This is a paragraph