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

Question

所以我遵循了几个关于如何使用@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 列为第一个选项，但我从来没有得到它。关于为什么它不起作用的任何想法？

编辑：这是一个愚蠢的错误。替换了字体文件，它工作...

Answer 1

使用绝对路径。

例如，

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

希望这可以帮助。

Answer 2

你用过相同的字体格式吗，你能看看这个。

@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是我保存所有字体的文件夹 :)