font-family
संपत्ति है कि चयनित तत्व को लागू किया जाता फ़ॉन्ट परिभाषित करता है। जो फ़ॉन्ट चुना गया है, वह एकल फ़ॉन्ट चेहरा नहीं है, बल्कि एक "परिवार" है, और इस प्रकार परिवार के भीतर सही चेहरे का चयन करने के लिए अन्य टाइपोग्राफिक संपत्ति मूल्यों पर निर्भर हो सकता है।
body ( font-family: Arial, Helvetica, sans-serif; )
एक मूल्य निम्न में से एक हो सकता है:
- एक फ़ॉन्ट परिवार का नाम जो उस फ़ॉन्ट से मेल खाता है जो पृष्ठ पर एम्बेडेड है या उपयोगकर्ता के सिस्टम पर उपलब्ध है।
- परिवार के नामों की एक श्रृंखला, अल्पविराम से अलग हो जाती है, जिसमें एक सामान्य परिवार का नाम शामिल हो सकता है
यदि कई पारिवारिक नामों का उपयोग किया जाता है, तो ब्राउज़र पहले वाले का चयन करेगा @font-face
जो उपयोगकर्ता के ऑपरेटिंग सिस्टम पर उपयोग या इंस्टॉल किए गए पृष्ठ पर एम्बेडेड है।
के लिए font-family
कोई विशिष्ट डिफ़ॉल्ट या प्रारंभिक मूल्य नहीं है; प्रारंभिक मूल्य हमेशा ब्राउज़र और / या ऑपरेटिंग सिस्टम पर निर्भर करता है।
सामान्य परिवार के नाम
यदि किसी एकल घोषणा के लिए कई मानों का उपयोग किया जाता है, तो सबसे अच्छा टाइपोग्राफिक अनुभव सुनिश्चित करने के लिए एक सामान्य परिवार को एक वापसी के रूप में सूचीबद्ध करने की सिफारिश की जाती है:
code ( font-family: Courier, Monaco, monospace; )
उपरोक्त उदाहरण में, "कूरियर" और "मोनाको" वास्तविक फ़ॉन्ट के वास्तविक पारिवारिक नाम हैं, जबकि "मोनोस्पेस" उपयोगकर्ता के सिस्टम पर स्थापित किसी भी फ़ॉन्ट के लिए केवल एक सामान्य संदर्भ है जो कि मोनोस्पेस है।
यदि पहले दो स्थापित नहीं पाए जाते हैं, तो ब्राउज़र सबसे अच्छा विकल्प का चयन करेगा, लेकिन केवल मोनोस्पेस फॉन्ट से। जेनेरिक परिवार के बिना, उपयोगकर्ता के सिस्टम पर डिफ़ॉल्ट फ़ॉन्ट जो कुछ भी है, वह फ़ॉन्ट डिफ़ॉल्ट रूप से होगा (संभवतः एक सेरिफ़ या संस-सेरिफ़), जो अवांछनीय होगा।
जेनेरिक परिवार के नाम शामिल हैं serif
, sans-serif
, cursive
, fantasy
, और monospace
।
यदि परिवार का नाम सामान्य परिवार के नाम से मेल खाता है, तो परिवार के नाम को यह इंगित करने के लिए उद्धृत किया जाना चाहिए कि यह सामान्य नहीं है।
बहु-शब्द पारिवारिक नाम
यदि परिवार के नाम में कई शब्द हैं, जिन्हें रिक्त स्थान द्वारा अलग किया गया है, तो परिवार के नाम को उद्धरण चिह्नों (एकल या दोहरे) में सूचीबद्ध करने की सिफारिश की जाती है:
code ( font-family: "Times New Roman", Georgia, serif; )
यह हमेशा आवश्यक नहीं होता है, लेकिन आमतौर पर किसी भी परिवार के नाम के लिए उद्धरण शामिल करना सुरक्षित होता है जिसमें रिक्त स्थान या विशेष वर्ण होते हैं।
ब्राउज़र का समर्थन
क्रोम | सफारी | फ़ायर्फ़ॉक्स | ओपेरा | अर्थात | एंड्रॉयड | आईओएस |
---|---|---|---|---|---|---|
काम करता है | काम करता है | काम करता है | काम करता है | काम करता है | काम करता है | काम करता है |