如何在标签上设置多个字体以显示文本?

时间:2019-03-05 14:00:37

标签: html css

好的,我有带sqlite3数据库的php项目。 在消息表中,消息以多种语言存储,我想根据这样的相关字体显示消息。

<?php
.....
echo $msg;// I don't know in which language is this msg..
......

如果消息是英文,我想用英文字体显示消息。
或者,如果存储的消息为印地语,则以印地文字体显示。

如果可能,那怎么办?

1 个答案:

答案 0 :(得分:1)

解决方案1:
或者,如果语言在相同的<span>中进行了更改,则可以通过为同一font-family stacking<span>指定多个族来使用 class
下面的示例代码:

@import url('https://fonts.googleapis.com/css?family=Baloo+Tamma|Laila');
.myClass {
  font-family: "Times New Roman", "Scheherazade", "PMingLiU", "MingLiU", "SimSum-18030, SimHei", "Doulos SIL", "Baloo Tamma", "Laila"
}
<span class="myClass"> 欢迎 歡迎 Καλοσωρίσατε اهلا وسهلا Добро пожаловать Kudual ಸಮಯದ हमारे</span>

解决方案2:
字体家族堆叠可能会导致渲染速度变慢,因为浏览器必须从一个字体家族转到下一个字体家族。因此,如果您知道跨度将包含的语言并且确定该语言永远不会更改,则最好使用语言属性<span class="xyz" lang="ar">进行此操作。这样浏览器可以直接转到指定的字体。

下面来自w3.org/qa-css-lang的代码示例,您可以在此处阅读更多内容:

body 		{font-family: "Times New Roman",serif;}
:lang(ar) 	{font-family: "Scheherazade",serif; 
                 font-size: 120%;}
:lang(zh-Hant) 	{font-family: Kai,KaiTi,serif;}
:lang(zh-Hans) 	{font-family: DFKai-SB,BiauKai,serif;}
:lang(din) 	{font-family: "Doulos SIL",serif;}
<p>It is polite to welcome people in their own language:</p>
<ul>
    <li lang="zh-Hans">欢迎</li>
    <li lang="zh-Hant">歡迎</li>
    <li lang="el">Καλοσωρίσατε</li>
    <li lang="ar">اهلا وسهلا</li>
    <li lang="ru">Добро пожаловать</li>
    <li lang="din">Kudual</li>
</ul>

我希望能有所帮助;

和平?