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

Question

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

CSS 代码

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

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

HTML代码

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

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

Answer 1

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

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

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

• > Unicode Entities for Malayalam
• > Mozhi - Detailed specification