क्यों क्रोम प्रदर्शित नहीं मेरे @फ़ॉन्ट चेहरा?

Question 1

मैं लोड हो रहा है एक नमस्ते विश्व html फ़ाइल क्रोम में 95, के साथ एक घोषित @फ़ॉन्ट चेहरा से लोड गूगल फोंट. फ़ॉन्ट है सही ढंग से लोड हो रहा है, जो मैं पुष्टि कर सकते हैं नेटवर्क में टैब है, लेकिन किसी कारण के लिए मेरे div प्रतिपादन है के रूप में बार.

मैं क्या कर रहा हूँ गलत?

<html>
<div style='font-family:OpenSans-Regular;'>
    Hello World!
</div>
</html>
<style>
    @font-face {
      font-family: OpenSans-Regular;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    }
</style>

Question 2

से गूगल फ़ॉन्ट्स दस्तावेज़, आप का उपयोग करना चाहिए <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font+Name"> के बजाय उन्हें लिखने के सीधे ।

अपने <style> तत्व कर रहे हैं गलत जगह में, वहाँ कोई नहीं कर रहे हैं <body> तत्व अपने HTML में.

<html>
    <head>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">

        <style>
            * {
                font-family: "Open Sans";
            }
        </style>
    </head>
    <body>
        <div style='font-family:Open Sans'>
            Hello World!
        </div>
    </body>
</html>

vee · Answer 1 · 2021-11-23T03:23:17

से गूगल फ़ॉन्ट्स दस्तावेज़, आप का उपयोग करना चाहिए <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font+Name"> के बजाय उन्हें लिखने के सीधे ।

अपने <style> तत्व कर रहे हैं गलत जगह में, वहाँ कोई नहीं कर रहे हैं <body> तत्व अपने HTML में.

<html>
    <head>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">

        <style>
            * {
                font-family: "Open Sans";
            }
        </style>
    </head>
    <body>
        <div style='font-family:Open Sans'>
            Hello World!
        </div>
    </body>
</html>

क्यों क्रोम प्रदर्शित नहीं मेरे @फ़ॉन्ट चेहरा?

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में