How can you determine what font from the CSS stack is being used?

Question

I use Firebug avidly and in the CSS-"computed" tab it will only show me the declared stack, but not which font has actually been used by the browser. Aside from removing fonts one-by-one and looking for a change (or having amazing font recognition skills) is there a way to determine what font has actually been rendered by the browser?

Answer 1

also read theese:

http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

http://stackoverflow.com/questions/845/detecting-font-in-javascript

http://superuser.com/questions/43280/utility-to-determine-the-font-used-on-a-site

http://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/

Answer 2

This firefox add-on will help: https://addons.mozilla.org/nl/firefox/addon/4415