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>
आउटपुट
यह निम्नलिखित आउटपुट देता है:
