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

Question

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

例子:

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

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

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

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

Answer 1

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

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

1. 切换到 Net panel并启用它
2. 通过Ctrl+F5(或⌘+F5 在 Mac OS X 上，我猜；绕过字体缓存)
3. 点击字体过滤器
4. 右键单击字体请求并选择复制位置