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

Question

我有一个应用程序，在那里的文本是英语和古吉拉特语。英文和古吉拉特文在同一页上。像这样：

Name/નામ

现在的问题是，如果我通过css在body标签中应用了宋体或其他字体，则该字体也会应用于古吉拉特文文本，并且文本有时无法正确显示，因为我的应用程序使用绝对定位(文本位于某个div中)。

如果我使用shruti字体，那么英文文本不能正确显示。

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

请告诉我另一种选择/解决方案。

Answer 1

一个简单的解决方案是用一个span围绕古吉拉特文内容，这个has分配了一个特定于语言的类。

<span class="gujarati">...</span>

然后，您可以设置CSS，以便将Verdana应用于除具有gujarati类名的元素之外的所有元素。

body { font-family: Verdana; }
.gujarati { font-family: shruti; }

这样，您不必修改所有内容，只需修改古吉拉特文部分即可。