Html ttf文件未在css3中显示自定义字体

我的html页面中有一个文本框。我想在此文本框中键入自定义字体（区域语言）。 我添加了TTF文件，并将字体系列更改为此自定义字体。但当我进入这个文本框时，它仍然只是用英语（默认）显示

货物堆装与系固安全操作规则 HTML代码

---

如何输入英语，以及在输入空格时如何转换为自定义字体（区域语言）？我正在尝试实现与中相同的功能。

谷歌音译使用以下

字体系列

声明：

html, input, textarea {
font-family: arial,sans-serif;
}

要将字符翻译为指定的字母表，请使用从英语代码点到Anjali代码点的JavaScript，例如：

---

您是否尝试放置

字体系列：'Anjali'

？您确定您的字体正在加载吗？此外，如果您输入的是英文字符，那么输入仍然是英文-您可以更改字体-而不是字符。谷歌在后台做的更多。嗨，伊斯维，你能解释更多吗..你试过生成

@font-face

-代码吗？TTF只是不兼容交叉浏览器，-这可能是这个问题的一部分。

<input type="text" class="font-face"/>

html, input, textarea {
font-family: arial,sans-serif;
}