फ़ॉन्ट प्रॉपर्टी

font प्रॉपर्टी एक शॉर्टहैंड प्रॉपर्टी है, जिसमें निम्नलिखित CSS प्रॉपर्टीज़ का उपयोग किया जा सकता है: font-size, font-style, font-weight, line-height, font-family, font-variant.

सिंटैक्स

cssसेलेक्टर {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

अनिवार्य प्रॉपर्टीज़ font-size और font-family हैं, बाकी को क्रम बनाए रखते हुए छोड़ा जा सकता है।

font-style, font-variant, font-weight प्रॉपर्टीज़ को एक-दूसरे के सापेक्ष किसी भी क्रम में रखा जा सकता है।

ध्यान दें कि line-height प्रॉपर्टी font-size प्रॉपर्टी के बाद स्लैश के माध्यम से लिखी जाती है।

उदाहरण

आइए इटैलिक टेक्स्ट बनाएं जिसका आकार 15px हो, Arial प्रकार का हो, और लाइन-हाइट 30px हो:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

उदाहरण

एक और उदाहरण:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

उदाहरण

केवल फ़ॉन्ट आकार और फ़ॉन्ट परिवार निर्धारित करें, अन्य प्रॉपर्टीज़ को छोड़ते हुए:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

उदाहरण

यदि केवल फ़ॉन्ट आकार निर्धारित किया जाता है, तो यह लागू नहीं होगा, क्योंकि फ़ॉन्ट परिवार भी अनिवार्य रूप से निर्धारित होना चाहिए:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: