আমরা ফন্টের আরও ভাল সামঞ্জস্যের জন্য উপাদানগুলির ফন্ট-আকার নির্দিষ্ট করতে শতাংশ এবং em-এর সংমিশ্রণ ব্যবহার করতে পারি। এটি আমাদের বিভিন্ন ব্রাউজারে অভিন্ন পাঠ্য রাখতে দেয়৷
৷সিনট্যাক্স
CSS ফন্ট-আকার সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
font-size: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি ব্যাখ্যা করে কিভাবে CSS ফন্ট-সাইজ প্রপার্টি কীওয়ার্ড দিয়ে সেট করা যেতে পারে −
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-size: 80%;
}
p {
font-size: 2em;
}
span {
font-size: 4em;
font-style: italic;
}
</style>
</head>
<body>
<p>Reading <span>source code</span> written by others gives you opportunity to criticize the
mistakes done in writing that code</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div {
font-size: 120%;
}
p {
font-size: 2em;
}
</style>
</head>
<body>
<h3>Demo Heading</h3>
This is example text.
<div>
Examples are easier to understand with practical implementation
<p>This is another text just to display different ways to set font size in CSS.</p>
</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
