中文字体无法正确呈现

Question

我正在尝试渲染中文字体如下。 我说：

<link rel="stylesheet" type="text/css" href="css/mystyle.css">

在index.php文件的头部。 在css / mystyle.css中，我把它放在：

body {font-family: Georgia, "Times New Roman", "KaiTi", "楷体", STKaiti, 华文楷体", serif;    }

然后我在index.php的主体中用中文写了一些东西。 显示中文文本，但不显示为KaiTi字体。

有人知道问题出在哪里吗？

谢谢！

Answer 1

如果用户系统上有Georgia或Times New Roman，它将首先加载这些字体，因此您将看不到中文字体。您可以创建一个只调用该字体的CSS类，并将该类应用于您要使用中文的任何元素。

.chinese {
  font-family: "KaiTi";
}
<div class="chinese">你好</div>