如何使用Firebug找到@ font-face字体的绝对路径？

Question

有没有办法复制（例如来自Firebug）绝对而不是@ font-face规则中指定的网络字体的相对URL？

示例：

我在Firebug中查看网站的main.css文件，我得到了这个：

@font-face {
    font-family: "myfont";
    src: url("myfont__-webfont.eot");
}

如何找到此字体的绝对路径？

我知道在这种情况下它应该在CSS文件的旁边，但我似乎无法找到它。

Answer 1

Firebug的CSS panel目前还没有提供复制webfont网址的选项。所以我创建了一个issue，它被复制到GitHub，issue #7320要求此功能。

虽然还有另一种方法可以达到这个目的：

1. 切换到Net panel并启用它
2. 通过 Ctrl + F5 重新加载页面（或 ⌘ + F5 < / kbd> 在Mac OS X上，我想;绕过字体缓存）
3. 点击字体过滤器
4. 右键单击字体请求，然后选择复制位置

Answer 2

步骤1-转到myfont_ -webfont.eot 第2步 - 转到Font-Face Generator服务 第3步 - myfont _- webfont.eot转换为网络字体。