要素に適用されている実際のフォントを知るには？


CSS の font-familyプロパティ について、[こちら](http://www.htmq.com/style/font-
family.shtml)に

> font-familyプロパティは、フォントの種類を指定する際に使用します。
>
> フォントの種類はカンマ（ , ）で区切って複数の候補を並べることができます。
> 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、
> より多くのユーザーに対して自分のイメージに近いフォントで表示させることができます。
>
> 指定したフォントがユーザーの環境にインストールされていない場合には、ブラウザで設定されたデフォルトのフォントで表示されます。

と記載されており、ブラウザやユーザー環境により選択されるフォントが異なることはわかるのですが、具体的にどのフォント（フォント名またはフォントの種類）が適用されているかを知る方法はあるでしょうか？

JavaScript で不可能であればブラウザの開発ツールでも構いません。

追記：Chrome と FireFox は開発ツールで確認できることが分かりました。  
IE、Operaでも確認できる方法があればお願いします。




Chromeの開発者ツールで`Styles`の右にある`Computed`の一番下に`Rendered Fonts`があります。  
実際に自分が使っている環境のものしか確認できませんがこれでどうでしょうか？

![rendered Fonts](https://i.stack.imgur.com/8eum6.png)




Chromeの開発者ツールで`Styles`の右にある`Computed`の一番下に`Rendered Fonts`があります。  
実際に自分が使っている環境のものしか確認できませんがこれでどうでしょうか？

![rendered Fonts](https://i.stack.imgur.com/8eum6.png)

