मैं हिंदी भाषा में एक पैरा लिखना चाहता हूं। और उसके लिए, मैंने Google फोंट साइट से html पृष्ठ में मुक्ता-फोंट का एक लिंक कॉपी और पेस्ट किया है। साथ ही, मैंने सीएसएस में फ़ॉन्ट परिवार को कॉपी और पेस्ट किया है। फिर भी, पेज हिंदी फोंट नहीं दिखा रहा है। कृपया आप मेरी मदद कर सकते हैं?

p {
  font-size: 2rem;
  font-family: font-family: 'Mukta', sans-serif;
}
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://fonts.googleapis.com/css?family=Mukta&display=swap" rel="stylesheet">
  <title> Hindi Test </title>
</head>

<body>
  <p lang="hi">
    rqe dSls gksA esjk uke r:.k gSA D;k dj jgs gks
  </p>
</body>

</html>
1
Tarun Rathore 4 अप्रैल 2020, 14:14
ध्यान दें: <meta> टैग का उपयोग नहीं होता है और उसे बंद करने वाले स्लैश की आवश्यकता नहीं होती है और HTML में कभी नहीं होता है और आप इसके शीर्ष पर इसके उपयोग में असंगत हैं।
 – 
Rob
4 अप्रैल 2020, 14:56
मैंने आपके द्वारा सुझाए गए सुधार किए हैं, लेकिन समस्या अभी भी है। क्या आप कृपया मेरी और मदद कर सकते हैं?
 – 
Tarun Rathore
4 अप्रैल 2020, 15:34

2 जवाब

आपने अभी-अभी दो बार font-family लिखा है।

आपने font-family: 'Mukta', sans-serif; के बजाय font-family: font-family: 'Mukta', sans-serif; का इस्तेमाल किया।

p {
  font-size: 2rem;
  margin: 0;
}

.special {
  font-family: 'Mukta', sans-serif;
}
<link href="https://fonts.googleapis.com/css?family=Mukta&display=swap" rel="stylesheet">
<p class="special">
  This is Mukta FONT
</p>
<p>
  This is default FONT
</p>
0
Omri Attiya 4 अप्रैल 2020, 15:45
मैंने आपके द्वारा सुझाए गए सुधार किए हैं, लेकिन समस्याएं अभी भी हैं। क्या आप कृपया मेरी और मदद कर सकते हैं?
 – 
Tarun Rathore
4 अप्रैल 2020, 15:36
क्या आप देख सकते हैं कि यह स्निपेट में काम कर रहा है?
 – 
Omri Attiya
4 अप्रैल 2020, 15:37
क्षमा करें, जैसा कि मैं देख सकता हूं, यह काम नहीं कर रहा है। मैंने इसे स्निपेट पर चलाया है।
 – 
Tarun Rathore
4 अप्रैल 2020, 15:42
मैंने अपना जवाब संपादित कर लिया है। क्या आप देख सकते हैं कि फ़ॉन्ट अलग है?
 – 
Omri Attiya
4 अप्रैल 2020, 15:46
धन्यवाद। मैं आपको मिल गया, लेकिन समस्या यह है कि मुझे हिंदी भाषा में फोंट चाहिए।
 – 
Tarun Rathore
4 अप्रैल 2020, 16:47

@ फॉन्ट-फेस का उपयोग कैसे करें?

@font-face {
    font-family: 'Mukta';
}

मुझे लगता है कि आपके कोड में कोई त्रुटि नहीं है।

वेबफॉन्ट के बजाय फॉन्ट फाइल डाउनलोड करने के लिए मुक्ता फॉन्ट को प्रिंट करना एक अच्छा तरीका है।

-1
Minwoo Yu 4 अप्रैल 2020, 14:27
वह एक url से @font-face आयात कर रहा है, इसलिए यह कोई समस्या नहीं है
 – 
Omri Attiya
4 अप्रैल 2020, 14:24