আমরা ফন্ট সাইজ নির্দিষ্ট করতে পার্সেন্টেজ এবং em-এর কম্বিনেশন ব্যবহার করতে পারি যাতে বিভিন্ন ব্রাউজারে ফন্টের কম্প্যাটিবিলিটি ভালো হয়। এটি একই টেক্সট সব ব্রাউজারে দেখানোর অনুমতি দেয়।
সিনট্যাক্স
CSS font-size প্রোপার্টির সিনট্যাক্স নিচের মতো:
Selector { font-size: /*value*/ }
উদাহরণ
নিচের উদাহরণগুলো দেখায় কীভাবে CSS font-size প্রোপার্টি কীওয়ার্ডসহ সেট করা যায়:
<!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>
আউটপুট
এটি নিচের আউটপুট দেয়:
