为什么html页面不显示印地语字体



我想用印地语写一段话。为此,我从谷歌字体网站复制并粘贴了一个html页面中的mukta字体链接。此外,我已经复制并粘贴了css中的字体家族。尽管如此,页面上并没有显示印地语字体。你能帮帮我吗?

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>

您刚刚写了两次font-family

您使用了font-family: font-family: 'Mukta', sans-serif;而不是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>

在标头中添加<meta charset="UTF-8" />对我的有效

使用@font face怎么样?

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

我认为你的代码中没有错误。

下载字体文件而不是webfont是打印Mukta字体的好方法。

最新更新