CSS font-family संपत्ति का उपयोग चयनित तत्व के लिए एक विशिष्ट फ़ॉन्ट सेट करने के लिए किया जाता है। क्रॉस-ब्राउज़र संगतता सुनिश्चित करने के लिए अतिरिक्त फ़ॉन्ट निर्दिष्ट करके वेब-सुरक्षित फ़ॉन्ट का उपयोग करने की अनुशंसा की जाती है।
सिंटैक्स
CSS फॉन्ट-फ़ैमिली प्रॉपर्टी का सिंटैक्स इस प्रकार है &mins;
Selector {
font-family: /*value*/
} निम्नलिखित उदाहरण सीएसएस फ़ॉन्ट-पारिवारिक संपत्ति को दर्शाते हैं -
उदाहरण
<!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> आउटपुट
यह निम्न आउटपुट देता है -
