人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

サイトのfontの書体とサイズを調べる方法ってありますか。
たとえば
http://bukupe.com/summary/5794

文言:「自分は特別に選ばれて生まれてきた存在ではない」
以下の文字のfontの書体とサイズは、どうやったらわかりますか。

IE→右クリック→ソースの表示

ソースから、推測していくしかないのでしょうか。

よろしくお願いします。

●質問者: kohhi
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● 楽1978
●25ポイント

このような方法があります。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1151922566
http://blog.petitboys.com/archives/stc-fontbrowser.html
http://okwave.jp/qa/q7018255.html


kohhiさんのコメント
早速お返事いただき、ありがとうございました。

2 ● amai_melon
●25ポイント

フォント名を判別するソフト。ただし、PC内のフォントのみ。

http://www.forest.impress.co.jp/docs/serial/okiniiri/20101005_397137.html


kohhiさんのコメント
早速お返事いただき、ありがとうございました。

3 ● yvmub
●25ポイント

Google Chromeなら文字選択・右クリックで「要素を検証」でフォント名・サイズも確認可能


kohhiさんのコメント
早速お返事いただき、ありがとうございました。

4 ● a-kuma3
●50ポイント ベストアンサー

Firefox だと、「要素の調査」というのが、右クリックメニューにあります。
外部の CSS ファイルに定義してあっても、一発で分かるので、スタイルを調べるときに、かなり重宝します。

操作のイメージは、こんな感じです。
f:id:a-kuma3:20120819113138p:image


質問にあげられたページだと、bakupe_base.css で body タグに対する

body{ font: 14px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Arial,Osaka,Verdana,'MS Pゴシック', sans-serif; }

という指定を、reset.css の以下の定義、

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
font: inherit;
}

で、p に対する設定が上書きしている、という感じです。
reset.css の指定が inherit (継承) なので、結局、bakupe_base.css での指定が採用されている、という感じです。


kohhiさんのコメント
早速お返事いただき、ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ