How to find absolute path to @font-face fonts with Firebug?

Question

Is there a way to copy (from Firebug for example) the absolute instead of the relative URL of a web font specified within an @font-face rule?

Example:

I'm viewing the main.css file for a site in Firebug and I get this:

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

How would I find the absolute path for this font?

I know that it should be next to the CSS file in this case, but I can't seem to find it.

Answer 1

Firebug's CSS panel currently doesn't offer an option to copy the URL of the webfont yet. So I created an issue, which was copied over to GitHub as issue #7320 asking for this feature.

Though there's another way to reach this:

1. Switch to the Net panel and enable it
2. Reload the page via Ctrl+F5 (or ⌘+F5 on Mac OS X, I guess; circumvents the fonts cache)
3. Click the Fonts filter
4. Right-click the request for the font and choose Copy Location