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;
}

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