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

Question

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

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

如果消息是英文，我想在消息中显示英文字体。
或者，如果存储的消息是印地语，则使用印地语字体显示。

如果有可能那怎么办？

标签： htmlcss

Answer 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 ಸಮಯದ हमारे&lt;/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>

我希望它有所帮助；

平安