Php @使用WordPress的字体面CSS路径

使用FontSquirrel生成的CSS代码创建了站点的静态版本。CSS样式表在“CSS”文件夹中，字体在“字体”文件夹中。显示@font-face相对路径的CSS示例块：

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

只要打个电话，一切都很好

font-family: 'TitilliumText22LRegular', Verdana, sans-serif;

现在是WordPress模板时间。WP使用模板根样式表（“style.css”）。因此，从逻辑上讲，如果我将字体存储在“fonts”文件夹中，并去掉“./”路径备份，我应该可以，因为WP样式表位于根目录下，其中的所有内容都应该引用到自己的位置：

    src: url('fonts/TitilliumText22L003-webfont.eot');

但这是行不通的。回退字体族和其他字体样式规则工作正常。WP样式表与引用模板根下“img”文件夹中的图像的类似CSS路径结构没有问题。奇怪的是，如果我将字体文件本身移动到模板根目录并直接在样式表中引用它们，如下所示：

    src: url('TitilliumText22L003-webfont.eot');

一切正常。当然，我不想在模板根目录中转储40多个字体文件。WP可能需要一些单独的PHP文件/规则，使用URL路径技巧，比如blog_info（'template_URL'）或类似的方法。但我希望我错过了一些明显的东西

---

感谢您提出的任何想法

在主题目录（与

style.css

级别相同）中添加单独的

字体面

文件夹，其中包含字体和字体面css（我的示例名为

字体.css

）

删除字体名称的所有前缀（无

。/

或

/

）

在要添加的

header.php

文件中：

<link rel="stylesheet" type="text/css" href="<?php echo bloginfo( 'stylesheet_directory' ); ?>/font-face/fonts.css" />

---

一些浏览器只支持选择字体扩展，您是否将所有CSS目录更改为
font/
谢谢，是的，我更改了。以前FontSquirrel代码没有问题，因为这是它应该擅长的。但事实证明这是一个（呃，猛击头部）许可问题。喜欢你的想法，但对我不起作用。然后我脑痉挛，检查了许可证。显然，WP无法访问该文件夹（这只是解压缩的FontSquirrel目录）。一旦修好了，它就可以正常工作了。我同意你的组织理念，不管怎样，这更整洁。现在效果很好。我讨厌它们，尤其是当它们花费你大量的时间时潜在的生产力：(