无法在Wordpress上使用font-face来使用我的字体

时间:2013-10-24 08:35:27

标签: css wordpress fonts

所以我按照几个指南介绍了如何使用@ font-face安装新字体。我已将birch.ttf文件添加到/ wp-content / themes / zenon-lite并将以下内容添加到我的Style.css中:

@font-face {
font-family: Birch;
src: url('birch.ttf');}

font-family: Birch, Georgia, Arial, Helvetica, sans-serif;

对于每个字体系列我都列出了Birch作为第一选择,但我从来没有得到它。关于它为什么不起作用的任何想法?

编辑:这是一个愚蠢的错误。替换了字体文件,它有用......

2 个答案:

答案 0 :(得分:1)

使用绝对路径。

例如,

@font-face {
font-family: Birch;
src: url('http://www.*yourpath*.***/birch.ttf');}

希望这有帮助。

答案 1 :(得分:1)

你使用过相同的字体格式吗?你能看一下吗?

@font-face {
    font-family: 'Birch';
    src: url('fonts/birch.eot');
    src: url('fonts/birch.eot?#iefix') format('embedded-opentype'),
    url('fonts/birch.woff') format('woff'),
    url('fonts/birch.ttf') format('truetype'),
    url('fonts/birch.svg#HelveticaNeue65Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

您需要转换字体。http://www.freefontconverter.com/

fonts是我保留所有字体的文件夹:)