Question

正如标题所说：font-face不适用于我的中文字体。

我已经下载了一些中文字体，但由于某种原因，我的css无法识别这些字体。这是我使用的CSS：

@font-face
{
    font-family: 'chinese';
    src: url('chinese.ttf') format('truetype');
}

html {
    height:100%;
    font-family:"chinese";
}

现在，如果我将网址更改为“普通”字体，它会起作用;也适用于下载的字体（我用Din测试过）。不幸的是，'普通'字体不支持中文，因此字符不受影响。

这两种字体都与css文件位于同一文件夹中，因此url不是问题。此外，所有字符集都是正确的（否则我根本看不到默认的中文）。

我可能需要为中国人做些额外的事情吗？或者它是什么？

Answer 1

在声明中文字体系列时，通常最好输入字体的罗马字母（例如“SimHei”）并在同一声明中将中文字符声明为单独的字体。这样做有助于引用字体文件，无论天气以中文或西方名称存储在本地系统中 - 您在这里覆盖了所有基地。

示例：

font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;

供参考： Good Rules for Using Chinese fonts in CSS

我认为这可以帮助您解决问题。

Answer 2

参考这篇文章，

我认为你需要相同的答案：）

http://stackoverflow.com/questions/15756093/is-the-css-right/15756147#15756147

将字体转换为“woff”

这将解决你的目的..

示例：

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

您需要修改字体名称和网址：）

Answer 3

据我所知，台湾有一项服务可以帮助您使用不同的中文字体。

http://en.justfont.com/fonts

由于中文字体文件较大，建议使用Google云端服务。但是没有合适的中文字体。所以你可以尝试一下这个justfont web字体服务。

为特定字体粗细选择所需的任何字体。然后它将被添加到您的项目中。
选择.notosans，#notosans或h2
点击“JS”按钮，获取您的设置代码
将其添加到<body>
插入您的课程或ID。

尝试一下，获得漂亮的中文字体。：）

font-face不适用于中文字体

3 个答案: