CSS font-family প্রপার্টি নির্বাচিত এলিমেন্টের জন্য নির্দিষ্ট ফন্ট সেট করতে ব্যবহৃত হয়। ক্রস-ব্রাউজার কম্প্যাটিবিলিটি নিশ্চিত করতে 웹-সেফ ফন্ট ব্যবহার করা এবং অতিরিক্ত ফন্ট নির্দিষ্ট করা প্রস্তাবিত।
সিনট্যাক্স
CSS font-family প্রপার্টির সিনট্যাক্স নিচের মতো:
Selector { font-family: /*value*/ }
নিচের উদাহরণগুলো CSS font-family প্রপার্টি ব্যাখ্যা করে:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> h2 { background-color: thistle; font-family: "Magneto", Arial; } p { font-family: "Segoe Print", serif; font-size: 1.4em; } </style> </head> <body> <h2>Learn Fortran</h2> <p>Fortran, as derived from Formula Translating System, is a general-purpose, imperative programming language. It is used for numeric and scientific computing.</p> </body> </html>
আউটপুট
উপরোক্ত কোডের আউটপুট:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> th { font-family: "Franklin Gothic Book", Arial; border: thin solid blue; } td { font-family: "Lucida Console", serif; font-size: 1.1em; box-shadow: inset 0 0 3px black; } caption { font-family: Broadway; font-size: 24px; } </style> </head> <body> <table> <caption>Demo Table</caption> <tr> <th>DEMO 1</th> <th>DEMO 2</th> </tr> <tr> <td>demo a</td> <td>demo b</td> </tr> <tr> <td>demo c</td> <td>demo d</td> </tr> </table> </body> </html>
আউটপুট
উপরোক্ত কোডের আউটপুট:
