Question

我已经构建了一个自定义wordpress主题，使用font-face进行排版。在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。< / p>

@ font-face，firefox和wordpress

1 个答案: