ブラウザ上で表示されている文字のフォントを知る方法

質問

ブラウザ上で表示される文字のフォントはページのソースやブラウザの設定やOSの持っているフォントによって変わりますが、最終的にどのフォントが描画に使われているのかを知る手段はありませんか?
また、最終結果ではなく、ページのソースで指示されているフォント名を知る方法もあれば教えてください。

回答No.4

noname#145976 · ベストアンサー

#3です。
そうでしたか。失礼しました。

すべてのフォントに対応しているわけではなさそうなので、役に立つかどうかわかりませんが
●今見ているサイトでどのWebフォントが使われているかがわかるブックマークレット『Fount』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2011/08/fount.html
●WhatFont Bookmarklet … これは便利！使われているWebフォントがすぐ分かるブックマークレット - フォントブログ
http://blog.petitboys.com/archives/whatfont-bookmarklet.html
●WhatFont Tool – 使用されているフォントを調べるブックマークレット | ソメログ
http://s.arw.cc/2011/06/08/log:312/whatfont-tool-%E4%BD%BF%E7%94%A8%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%82%92%E8%AA%BF%E3%81%B9%E3%82%8B%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC

などをご利用になってみてください。

お礼

回答ありがとうございます。
これは面白いですね。
WhatFontの方を見てみましたが、これは実際に描画してみて形を比較しているのでしょうか。
そうであればこれこそ私の求めていたものです。
(PCに入っている)全てのフォントに対応させるのもやればできそうな気がするので、暇なときに調べてみたいと思います。

回答No.5

naokita

Firefoxの開発者用アドオンは、そういう人の為にあります。
Firebug
https://addons.mozilla.jp/firefox/details/1843

HTML,CSSを理解していると思うけど？　そういう人には役立つでしょう。

お礼

回答ありがとうございます。
話には聞いたことがあったのですが複雑そうで敬遠していました。
頑張って使ってみようかと思います。

回答No.3

noname#145976

#2です。
>No1のお礼欄はご覧になりましたか?
すみません。#1自体まったく目を通していません。いつもいつも全く何の役にも立たないため、私の方で脳内フィルタリングしていました。
>ソースを見て該当箇所を探すのは人間業ではありません
そうでしょうか。
ソースをエディタで開き、エディタの検索機能を使えば見つけることができると思います。

お礼

回答ありがとうございます。
すいません、該当箇所という表現がまずかったかもしれません。
探したい文字のある場所という意味ではなく、その文字を表示するフォントが指定されている場所のことを言ったつもりでした。
htmlファイルから複数のcssファイルにリンクがあり、cssでの指定も入れ子になっているような場合、目的のフォント名を探すのは一筋縄ではいきません。

ps.
>私の方で脳内フィルタリングしていました。
そうでしたか。納得です。

回答No.2

noname#145976

ソースならこちら
http://questionbox.jp.msn.com/qa1035102.html

お礼

回答ありがとうございます。
No1のお礼欄はご覧になりましたか?
ソースを見て該当箇所を探すのは人間業ではありませんので、自動で調べられる方法を探しています。

回答No.1

violet430

>ページのソースで指示されているフォント名を知る方法

ソースを見ればいいのでは？
HTMLの見方が分からないのであれば、ホームページ作成のカテゴリで質問すれば回答を得られると思います。

お礼

回答ありがとうございます。
見て分かるソースばかりではありませんので、もっと汎用的な方法を探しています。