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

【问题标题】：Can't get font-face to use my font on Wordpress无法让 font-face 在 Wordpress 上使用我的字体
【发布时间】：2013-10-24 19:35:30
【问题描述】：

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

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

【问题讨论】：

你只附加了birch.ttf？你使用的是什么浏览器？例如 IE 不支持 .ttf
谷歌浏览器，可以附加多个版本支持所有浏览器吗？我认为大多数版本support ttf?
是的，大部分都是。如果您不想要好的浏览器支持，请将它们全部包括在内。
@SKeurentjes，谢谢！

标签： css wordpress fonts

【解决方案1】：

使用绝对路径。

例如，

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

希望这会有所帮助。

【讨论】：

编辑到src: url('http://www.xxx.com/wp-content/themes/zenon-lite/birch.ttf');，还是没有运气:(
严重吗？你确定你看到的不仅仅是乔治亚州吗？ ;)
Wtf，你能发个截图吗？
我认为你需要删除缓存
that's Georgia ;) 检查 Google Chrome 上的元素并从字体系列中删除 Georgia，现在您将文本更改为 Arial :D

【解决方案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 是我保存所有字体的文件夹 :)

【讨论】：

我添加了这个和一个 .woff 字体，结果还是一样 :(
字体path original，字体路径使用TTF和WOFF的代码
@t.thielemans stackoverflow.com/questions/11002820/… 阅读此内容..并确保路径正确..一切都很完美
你在使用 Wordpress 吗？？？ @t.thielemans 那么你应该很清楚你将文件保存在哪里
是的，我正在使用 WordPress。是的，路径是正确的。正如您通过访问我提供的链接所知道的那样，它会自动下载字体。我正在使用 Chrome 版本 30.xxx