文本框中的不同字体

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＆amp;你的数据库被设置为接收utf-8，这样无论用户输入什么，它都会被你的应用程序记录下来。

虽然我认为阿拉伯语是从右到左，但您还需要根据输入设置文本方向。但是，我不知道如何检测用户是否输入阿拉伯语/拉丁语（即如果您希望灵活地允许用户使用这两者中的任何一个）

注意：如果您输入的是阿拉伯语的键盘设置，那么请从css中删除阿拉伯字体，如果有，请添加正确的文字方向，如果您对不合适的答案感到抱歉！< / p>

Answer 2

设置字体系列不应更改字符或键盘功能的标识。 “A”仍然是A，拉丁字母，与字体无关。所以一切都应该像使用Arial一样工作，只是用不同的字母（拉丁文和阿拉伯文）。这似乎就是这样。

你可以，例如在Windows中选择阿拉伯语键盘布局，然后键将生成阿拉伯字母 - 完全独立于字体设置。

通常情况下，最好对不同语言的文本使用相同的字体，特别是如果文本在这里显示为可比较的话。由于Arial也涵盖了阿拉伯字母，这是一个良好的开端。