html - 如何在 html css 中添加印地文字体

Question

我第一次使用@font-face 并面临一些问题，我的表单标签需要两种语言(1)英语和(2)印地语

我想要印地语而不是英文字母的文本框内容。

对于我在 CSS 下面制作的印地语字体，添加了外部 CSS 字体，但它没有出现在我的表单中，然后我将我的类调用到我的 HTML 中，但 HTML 正在使用垃圾值，我不知道我在哪里犯了一些错误，请给我建议一个解决方案。

@font-face {
  font-family: hindi !important;
  font-style: normal;
  font-weight: 400;
  src: url('file:///C:/Users/Tapas/Desktop/java%20script/es6/Kruti_Dev_010.ttf');
}

.lang-hindi {
  font-family: hindi !important;
}

<p class="lang-hindi"> kaise ho</p>

我期待印地语字母表作为输出，但它只显示英文字母表，任何人都可以帮助我解决这个问题。

Answer 1

1. 转到此站点:https://www.web-font-generator.com/
2. 上传您的 (Kruti_Dev_010.ttf) 生成的网络字体
3. 下载生成的字体，下载文件中会有 CSS 文件，还有 .woff、.svg、.eot 和 .ttf 文件
4. 复制 CSS 样式和正确的文件路径，然后将其用于您的网页