2017-12-17 7 views
0

私はいくつかのWeb開発を行っています。ウェブページのテキストにどのフォントファミリを使用するのですか

font-family: "Roboto", "Helvetica", "Arial", sans-serif; 

は、どのように私は自分のブラウザで使用されているこれらのどのフォントファミリ知っていますか:

は、私は、次のフォントファミリが定義されているコンポーネント(テキスト)を持っていますか?

私は現在、Mozillaを使用して、私はインスペクタを開き、ボット ルールコンピュータブショー

font-family: "Roboto", "Helvetica", "Arial", sans-serif;

はこのことを示すフォントタブもあります: enter image description here

+0

https://stackoverflow.com/questions/845/detecting-which-font-was-used-in-a-web-page –

+0

質問が言葉で表現し、現在提示されたように、 * rules *と* computed *タブは両方ともどのフォントファミリが使用されているかを示しているので、既にあなた自身の質問に答えているようです。 font-families *の**指定された範囲**の* font-family、*が使用されていることを知りたければ、これを示すために質問を明確にすることを検討してください。 – UncaughtTypeError

+1

[Webページで使用されているフォントの検出]の可能な複製(https://stackoverflow.com/questions/845/detecting-which-font-was-used-in-a-web-page) –

答えて

2

クロムでは、インスペクタを使用して、確認したい正確なタグを選択します。 "計算された"スタイルタブを選択すると、最後にスタックのフォントが使用されていることがわかります。ここで 'コード'については、フォントスタックはConsolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serifであり、私のコンピュータで「Consolas」(画像の右下)を使用していることを確認できます。

EDIT:FFスクリーンショットが追加されました。 firefoxでの作業と同じですが、確認したい特定のTAGを選択するだけです。

chrome inspector, rendered font firefox inspector, rendered font

+0

ようこそ!私は最近Firefoxに切り替えました。Firefoxに似たものがあるかどうか知っていますか? – croraf

+0

まったく同じです。チェックする単一の項目を選択するだけです。あなたはあなたの質問で答えを掲示しました:) –

+0

OK、まったく同じではありませんが、インスペクタ - フォントタブ。 – croraf

0

が最初にこのコードを試してみてください:

font-family: "Helvetica", "Arial", sans-serif; 

if text a ppearenceは、それが他のRobotoた後、変更されています:

font-family: "Arial", sans-serif; 

をように=ヘルベチカ
変更した場合..

+0

ブラウザのインス​​ペクタでこれを変更してください –

+0

このメソッドが嫌いです。私はmiquel-svqが言ったように、インスペクタでフォント情報を探していました。うまくいけば、Firefoxに似たようなものがあります。 – croraf

関連する問題