সিএসএস ফন্ট-ফ্যামিলি প্রপার্টি নির্বাচিত উপাদানের জন্য একটি নির্দিষ্ট ফন্ট সেট করতে ব্যবহৃত হয়। ক্রস-ব্রাউজার সামঞ্জস্য নিশ্চিত করতে অতিরিক্ত ফন্ট নির্দিষ্ট করে ওয়েব-নিরাপদ ফন্ট ব্যবহার করার পরামর্শ দেওয়া হয়।
সিনট্যাক্স
CSS ফন্ট-ফ্যামিলি প্রপার্টির সিনট্যাক্স নিম্নরূপ &mins;
Selector {
font-family: /*value*/
} নিম্নলিখিত উদাহরণগুলি CSS ফন্ট-ফ্যামিলি প্রপার্টি −
চিত্রিত করেউদাহরণ
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
