html - @font-face、firefox 和 wordpress

Question

我已经构建了一个使用 font-face 进行排版的自定义 wordpress 主题。在 localhost 中运行时一切正常，但将主题上传到实时站点后，FF 中的 font-face 失败。在 IE9 中仍然可以正常工作

我已经尝试在 header.php 中对 CSS 链接进行硬编码，将字体文件从主题中移出到站点根目录，使用单独的样式表来声明 @font-face，但没有任何效果。

有什么想法吗？

干杯弥敦道

Answer 1

您是否包括了所有必要的字体文件？不同的浏览器支持不同的类型。例如，这是我最近在网站上使用的一个:

font-face {
font-family: 'GentiumBookBasicRegular';
src: url('_/fonts/GenBkBasR-webfont.eot');
src: url('_/fonts/GenBkBasR-webfont.eot?#iefix') format('embedded-opentype'),
     url('_/fonts/GenBkBasR-webfont.woff') format('woff'),
     url('_/fonts/GenBkBasR-webfont.ttf') format('truetype'),
     url('_/fonts/GenBkBasR-webfont.svg#GentiumBookBasicRegular') format('svg');
font-weight: normal;
font-style: normal;
}

一个很棒的资源是http://fontsquirrel.com - 他们甚至可以让您上传他们没有的字体，他们会为您创建包和 css。