• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
noname#145976
noname#145976
回答No.4

#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 などをご利用になってみてください。

SortaNerd
質問者

お礼

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

その他の回答 (4)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.5

Firefoxの開発者用アドオンは、そういう人の為にあります。 Firebug https://addons.mozilla.jp/firefox/details/1843 HTML,CSSを理解していると思うけど? そういう人には役立つでしょう。

SortaNerd
質問者

お礼

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

noname#145976
noname#145976
回答No.3

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

SortaNerd
質問者

お礼

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

noname#145976
noname#145976
回答No.2
SortaNerd
質問者

お礼

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

  • violet430
  • ベストアンサー率36% (27472/75001)
回答No.1

>ページのソースで指示されているフォント名を知る方法 ソースを見ればいいのでは? HTMLの見方が分からないのであれば、ホームページ作成のカテゴリで質問すれば回答を得られると思います。

SortaNerd
質問者

お礼

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

関連するQ&A

  • ブラウザーで見ているページに表示されているフォントの種類の確認方法を教

    ブラウザーで見ているページに表示されているフォントの種類の確認方法を教えてください。 ページのソースを見てもフォント設定が外部ファイルにあるためわかりません。 よろしくお願いいたします。

  • ブラウザ フォントの表示設定

    お使いのブラウザフォントの表示を、デフォルトではなく、 自分好みに変更していますか? OSと、使用しているブラウザ(メイン使用のみ)、 フォントサイズ、使用フォントを教えて下さい。 私は (1)MacOSX (2)Firefox (3)12pt (4)ヒラギノ角ゴシック です。 サイトによって、デフォルト設定のブラウザを対象に、 デザインしているようなサイト(MSNなど)は、 そのままでは文字が潰れて読めません。 デフォルトのままで使用している方がどれくらいいるのか、 調べたくなりました。 ご協力をお願い致します。

  • 新規のフォントが表示されません。

    G4でMac OS9.1です。ATM4.6.2を入れましたが、イラストレーター8.0で新規に入れたフォントが表示されません。フォントフォルダーには入っていますが、イラストレーターの文字設定にはフォント名も出て来ません。別のG4は OS9.0 ですがこちらは問題ありません。

    • ベストアンサー
    • Mac
  • 旧いブラウザで表示されないフォントについて

    旧いブラウザでサポートされていないものとして、 フレームとかスタイルシートなどいろいろあると思うのですが、 フォントについても同じなのでしょうか? たとえば、Only Japanese availableという英文に、 ・Lucida Handwriting ・John Handy LET ・Rage Italic LET などの筆記体のフォントを使い、 さらに青色、サイズ7したとすると、 これが表示できないブラウザでは、 どのように表示されるのかが気になります。 私の想像では、そのブラウザの通常のフォントで、青色、 7倍で表示されるのではないかと思うのですが、いかがでしょうか? さいあく文字化けの可能性もありますか? よろしくお願いします。

  • IE6.入力した文字のフォントサイズが異なって表示される

    OS:winXP ブラウザ:IE6 表示言語:UTF-8 表示設定:自動 友人のPCにて、入力した文字のフォントサイズがまばらに異なって表示されて困っています。 例えば「かいはつ」漢字変換した場合に  →「開」は、想定しているフォントサイズ   「発」は、小さいフォントサイズ 私のPCでは、普通に表示されるのは確認しております。 ※ほぼ同じ環境+win2000にて確認 文字化けしているわけじゃないので、ブラウザが漢字フォントの変換を間違えているといった感じでも無いようで・・・ どういったことが原因と考えられるでしょうか? それを確認・解決方法を、ご教授をお願いいたします。

  • プロポーショナルフォントの表示方法

    画像のフォントを描画しようとしているのですが、等幅ではないため、画像のどこを切り取るか求められず、表示がうまくできません・・。何かいい方法はないでしょうか?

  • ブラウザに表示される欧文文字が変わってしまいました

    ブラウザで表示される欧文のセリフ?文字が手書き風の文字に変わってしまい読みにくくなってしまいました。元に戻したいのですが解決策が解りません。どなたか知っているかたがいたらアドバイスを頂きたいです。 よろしくお願い致します。 ※原因かどうかは解りませんが、最近フォントを多数インストールしました。 環境:Mac OS X 10.5.4 ブラウザ:Firefox 3.0.1、Safari 3.1.2で確認しましたが、手書き風の文字で表示されます。

  • ホームページを表示させて、画面に表示されているフォントの名前が知りたい

    ホームページを表示させて、画面に表示されているフォントの名前が知りたいです。 IE8を使用していて、フォントの設定(Webページフォント、テキスト形式フォント)ではMS Pゴシックになっているのですが、表示されている文字はMS Pゴシックではないのです。 表示中のフォント名を調べる方法はないでしょうか?

  • ブラウザ(ff)の文字の表示

    ブラウザはファイヤーフォックスを使用しています。 FFを立ち上げると、最初に開く画面は yahooのトップページに設定していますが、 トップ画面の文字の表示は、通常通りMSゴシックになっています。 ですがそこから、違うページへ移動すると(yahoo内のページでもどのサイトのページでも) 文字が、明朝体のようになってしまい、とても読みづらくて 困っています。 ツール→設定 又、表示→文字をいじっても直す項目が見当たりません。 どなたかご存知の方は教えていただけないでしょうか? FFのブラウザのみが、おかしくなっています。 IEやメモ帳などでのテキストデータでの入力、表示されている文字は すべてMSゴシックの通常の文字で問題ありません。

  • FireFoxの英語フォントがデジタル文字のような表示になっている。

    FireFoxの英語フォントがデジタル文字のような表示になっている。 FireFoxの「着せ替えブラウザ」を使用後、なぜか英語の表示だけデジタルのような表示になっています。 「着せ替えブラウザ」を使用したせいだと思い元にもどしたのですが、英語表示はデジタルっぽいままです。 とても見にくく、アドレス入力も全てそれで出てくるので困っています。 ホームページなどはそこの指定するフォントで表示されているようです。 なので、google検索結果ページや、入力フォームの英語がデジタル文字のようになっています。 また、safariやgoogle chromeは普通の英語フォントで表示されているので、FireFoxだけがおかしいようです。 どう検索して調べても欲しい情報が出てこないので、どなたか分かるかた教えて下さい。 ※ちなみに添付してある画像がgoogle検索で表示されている英語のフォントです。

    • ベストアンサー
    • Mac

専門家に質問してみよう