在同一页面上显示英语和古吉拉特语文本字体问题

Question

我有一个应用程序，其中的文本是英语和古吉拉特语。英语和古吉拉特语文本在同一页面上。像：

Name/નામ

现在的问题是，如果我通过css应用了body标签中的Verdana或其他字体，那么该字体也会应用于Gujarati文本，并且文本有时无法正确显示，因为我的应用程序使用绝对定位（并且文本在某些div中。

如果我使用shruti字体，则英文文字无法正确显示。

在Name中应用Verdana并在નામ中应用shruti是不可行的，因为我将不得不为此更改我的应用程序。

请让我知道替代方案/解决方案。

Answer 1

一个简单的解决方案是用span围绕您的古吉拉特语内容，该<span class="gujarati">...</span> 分配了特定于语言的类。

Verdana

然后，您可以设置CSS，以便gujarati应用于除body { font-family: Verdana; } .gujarati { font-family: shruti; } 类名称的元素之外的所有元素。

{{1}}

这样您就不必修改所有内容，只需修改Gujarati部分。