2947


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

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

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

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

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


CC BY-SA 3.0
2015-01-02T10:39:24.760
2945
2019-09-11T17:50:04.493
2019-09-11T17:50:04.493
32986
3925
question
javascript css
要素に適用されている実際のフォントを知るには？


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

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


CC BY-SA 3.0
2015-01-02T11:30:42.187
2947
2015-01-06T02:42:08.480
2015-01-06T02:42:08.480
3271
3271
2945
answer


Firefoxだけですが、開発ツールのインスペクタでフォントを選ぶと指定タグ配下で利用されているフォントを表示させることができます。

日本語と英字で別のフォントが選択されている場合は両方が表示されます。

![インスペクタのスクリーンショット](https://i.stack.imgur.com/uvhJ1.jpg)

<https://developer.mozilla.org/ja/docs/Tools/Page_Inspector#Fonts_view>

> フォントビュー
>
> このビューでは、選択した要素で使用しているすべてのフォントを表示します。これはあなたのシステムで使用されたフォントを表示しており、CSS
> で指定されたフォントとは異なる可能性があることに注意してください:

指定タグ配下ですので、bodyタグなどを選ぶとページ内で利用されているフォントがすべて表示されることになります。


CC BY-SA 3.0
2015-01-02T11:30:52.123
2948
2015-07-27T16:37:45.320
2020-06-17T08:14:45.997
-1
728
2945
answer


OperaもChromeとほぼ同じ開発者ツールがあり下記のように右下のRendered Fontsの項で現在適用されているフォントを確認することができます。

![Rendered Fonts](https://i.stack.imgur.com/KPXvG.png)


CC BY-SA 3.0
2015-01-03T15:05:40.590
2997
2015-01-03T15:05:40.590
2495
2945
answer


Firebug は如何でしょうか？

  * Firebug <https://getfirebug.com/firebuglite>


CC BY-SA 3.0
2015-01-06T06:31:50.580
3171
2015-01-06T06:31:50.580
2432
2945
answer