如何在主题中添加自定义字体？

Question

现在，我想使用Monotype Corsiva。 我在主题中添加了字体，然后使用font-family:Monotype Corsiva在css文件中添加了字体，但是有人提示我：用于网站标题和标题的字体如果未安装在用户系统上则无法使用。 您应该从主题目录中删除字体文件，或者以适当的方式将其包含在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字体中找到合适的相似免费字体 ，例如。