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

我想用印地语写一段。为此,我从谷歌字体网站复制并粘贴了 html 页面中的 mukta-fonts 链接。另外,我已经在 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>

    rqe dSls gksA esjk uke r:.k gSA D;k dj jgs gks

  </p>

</body>


</html>


摇曳的蔷薇
浏览 143回答 3
3回答

拉风的咖菲猫

你只写了两遍font-family。你用的font-family: font-family: 'Mukta', sans-serif;不是font-family: 'Mukta', sans-serif;.p {&nbsp; font-size: 2rem;&nbsp; margin: 0;}.special {&nbsp; font-family: 'Mukta', sans-serif;}<link href="https://fonts.googleapis.com/css?family=Mukta&display=swap" rel="stylesheet"><p class="special">&nbsp; This is Mukta FONT</p><p>&nbsp; This is default FONT</p>

慕斯王

添加<meta charset="UTF-8" />标题对我有用

喵喵时光机

使用@font-face怎么样?@font-face&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;'Mukta'; }我认为你的代码没有错误。这是打印 Mukta 字体来下载字体文件而不是 webfont 的好方法。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5