javascript - 文本框中的不同字体

Question

我在 html 中创建了一个表单，并将 CSS 写入文本字段。我将字体系列 ARIAL 设置为文本框。现在我需要将阿拉伯字体设置为默认的特定文本框。并非在所有文本框中。

我使用了下面的代码

@font-face {
    font-family:'Traditional Arabic';
    src: url('trado.ttf');
    src: local('trado Regular'), local('trado'), url('trado.ttf') format('truetype');
}
input[type=text].firstnamearabic, input[type=text].secondnamearabic, input[type=text].familynamearabic {
    border-bottom: 1px solid #000;
    font-family:"Traditional Arabic" !important;
}

但是，当我打字时，默认的英文字母只会出现。阿拉伯字母不来了。

我在那个特定的文本框中看到了不同的字体样式。但它没有阿拉伯语字幕。

Answer 1

css 格式化输出，而不是输入。

要使用阿拉伯字母表或网页中的任何字母表或您需要将键盘设置为 utf-8 阿拉伯语输出的任何软件。

不要使用转换拉丁字母的字体；那些笨拙且不可靠如果您的用户输入阿拉伯语，那么他们的操作系统设置为阿拉伯语键盘输入的可能性非常高 (99%)，因此 css 中使用的字体绝对无关紧要(我相信 Arial 可以安全地用于任何 utf-8 字母输入)

所以基本上您需要的是将您的 html 和您的数据库设置为接收 utf-8，这样无论用户输入什么，您的应用程序都会将其记录下来。

虽然我认为阿拉伯语是从右到左，但您还需要为您的输入相应地设置文本方向。但是我不知道如何检测用户是否正在输入阿拉伯语/拉丁语(也就是说，如果您希望灵活地允许用户使用这两种语言中的任何一种)

注意:如果您使用设置为阿拉伯语的键盘输入，请从 css 中删除阿拉伯语字体，如果有，则添加正确的文本方向，如果您有，那么很抱歉没有合适的答案!