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

标签 html css fonts

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

Name/નામ

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

如果我使用 shr​​uti 字体,则英文文本无法正确显示。

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

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

最佳答案

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

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

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

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

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

关于html - 在同一页上显示英语和古吉拉特语文本 |字体问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16355531/

相关文章:

javascript - 如何获取字符范围

html - html中的字体错误

html - 3 列流体 flexbox 和 rtl

javascript - 从 PHP 中的 URL 获取 json

html - 如何使用CSS将覆盖固定的div定位到中心?

javascript - 幻灯片背景图像不起作用

css - react native : is it possible to achieve align-Item:flex-start style in React native?

html - Bootstrap 3 - 如何放置图像的左右边框?

php - 当它应该是内联时,标题上方的 Wordpress 正文

html - 在 Web 浏览器上使用 .otf 字体