css - 如何在我的主题中添加自定义字体？

Question

现在，我想使用 Monotype Corsiva。我在我的主题中添加字体，然后在 css 文件中使用font-family:Monotype Corsiva，但有人提示我：如果用户系统上未安装用于站点标题和标题的字体，则该字体不起作用。您应该从主题目录中删除字体文件或以适当的方式将其包含在 css 文件中。

如何以适当的方式将其包含在 css 文件中？谢谢你

Answer 1

您需要在 .ttf 或 .eot 中将@font-face 与您的字体一起使用

下面是一个例子

@font-face {
font-family: 'RieslingRegular';
src: url('fonts/riesling.eot');
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
}

h1 {
  font-family: 'RieslingRegular', Arial, sans-serif;
}

有关更多详细信息，请查看此处http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/

Answer 2

Monotype Corsiva 是一种受版权保护的字体。查看http://www.fonts.com了解使用条件和说明。他们有一项政策，允许免费的有限页面浏览量（25,000 次）。说明和过程可能有点令人困惑，但最终你会得到一个script由它们生成的元素来添加到你的页面中，然后你只需使用它们给你的名称下的字体（似乎是Corsiva W01）。

或者，例如，尝试从Google Web Fonts中找到合适的类似免费字体。