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

Question

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

Name/નામ

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

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

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

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

Answer 1

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

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

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

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

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