क्या एकल @फ़ॉन्ट-फेस क्वेरी के साथ एकाधिक फ़ॉन्ट भार को परिभाषित किया जा सकता है?

क्लाविका फ़ॉन्ट विभिन्न भार और आकार में आता है। क्या इन्हें एकल @फॉन्ट-फेस क्वेरी के साथ सीएसएस में आयात किया जा सकता है जो वजन निर्दिष्ट करता है?

समाधान:

@फॉन्ट-फेस की एक बहुमुखी सुविधा का परिचय देते हुए, आप विभिन्न शैलियों और भारों को एक ही फ़ॉन्ट परिवार नाम के साथ जोड़ सकते हैं:

@font-face {
  font-family: "DroidSerif";
  src: url("DroidSerif-Regular-webfont.ttf") format("truetype");  /* Normal weight, normal style */
  src: url("DroidSerif-Italic-webfont.ttf") format("truetype"); /* Normal weight, italic style */
  src: url("DroidSerif-Bold-webfont.ttf") format("truetype");  /* Bold weight, normal style */
  src: url("DroidSerif-BoldItalic-webfont.ttf") format("truetype"); /* Bold weight, italic style */
}

अब आप अलग-अलग तत्वों के लिए फ़ॉन्ट-वेट: बोल्ड या फ़ॉन्ट-शैली: इटैलिक निर्दिष्ट कर सकते हैं:

body { font-family:"DroidSerif", Georgia, serif; }

h1 { font-weight:bold; }

em { font-style:italic; }

strong em {
  font-weight:bold;
  font-style:italic;
}

इस सुविधा पर व्यापक विवरण के लिए, आधिकारिक दस्तावेज देखें।

उदाहरण:

[उदाहरण पेन](https://codepen .io/anon/pen/EjxVqv)