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

Question

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

CSS代码

@font-face
{
    font-family:Anjali;
    src: url ('AnjaliOldLipi.ttf');

}
.font-face
{
    display:block;
    font-family:Anjali;
}

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

怎么可能输入英文，并且在输入空格时它会转换为自定义字体（区域语言）？我正在尝试实现与http://www.google.com/transliterate中的相同。

score 0 · Accepted Answer

Google Transliterate 使用以下font-family声明：

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

要将字符翻译成指定的字母表，请使用从英语代码点到 Anjali 代码点的 JavaScript Unicode 映射，如下所示：