如何在我的主题中添加自定义字体?

时间:2013-01-25 09:22:42

标签: css wordpress wordpress-theming

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

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

2 个答案:

答案 0 :(得分:2)

您需要在.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/

答案 1 :(得分:2)

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

替代方案,例如,尝试从Google Web Fonts中找到适当类似的免费字体。