风格化文本以针对不同语言使用不同字体？

Question

有没有一种方法可以对 HTML 页面上的文本进行样式化，以便它针对不同的语言自动使用不同的字体？我的网站使用英语和阿拉伯语。我想根据显示的语言使用不同的字体。

\n\n

假设我有这样的一段：

\n\n

\xd9\x87\xd8\xb0\xd9\x87\xd8\xa7\xd9\x84\xd8\xac\xd9\x85\xd9\x84\xd8\xa9\xd9\x85\xd9\x83\xd8\xaa\xd9 \x88\xd8\xa8\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd9\x84\xd8\xba\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb9 \xd8\xb1\xd8\xa8\xd9\x8a\xd8\xa9 \xd9\x88\xd9\x84\xd9\x83\xd9\x86 \xd8\xa7\xd9\x84\xd8\xac\xd9\x85\xd9 \x84\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xaa\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa9 \xd9\x85\xd9\x83\xd8\xaa\xd9\x88 \xd8\xa8\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xa5\xd9\x86\xd8\xac\xd9\x84\xd9\x8a\xd8\xb2\xd9 \x8a\xd8\xa9。上一句是阿拉伯语，但这一句是英语。

\n\n

我希望阿拉伯语句子用 X 字体呈现，但英语句子用 Y 字体呈现。

\n\n

有没有一种方法可以做到这一点，而无需根据服务器端有关其语言的知识手动为每组文本指定不同的 CSS 样式，即将每个句子包装在不同的 CSS 类中？

\n\n

谢谢

\n

Answer 1

如果您使用 UTF-8 编码，内容应以正确的字符编码显示，但仍使用相同的字体。

您需要为包含阿拉伯语的元素分配一个 CSS 类。CSS 本身无法检测到这一点。

您可以使用 JavaScript 在加载时执行此任务，检查元素并确定所使用的字符范围。