Fontface Ninjaを使って簡単に書体を検出

あなたがあなた自身の使用のために採用したいフォントに遭遇するならば、そのフォントについての情報を見つけるための一般的な方法はChromeブラウザにあるInspect Elementオプションを使うことです。.

基本的に、Chrome上では、テキストをハイライト表示して右クリックして選択します。 要素を検査. ハイライト表示されたテキストに関連するすべてのCSSコードを見ることができます。.

しかし問題があります。あなたが2番目の画像で見ることができるように、ハイライトされたテキストは多くのセレクターでスタイルをつけられます。それらすべてを1つずつチェックアウトするには、しばらく時間がかかります.

Fontface Ninjaを使ってフォントを検出する

ここはどこ フォントフェイス忍者 それはあなたを助けるブラウザ拡張機能です。 フォントを名前で識別する. そしてあなたがしなければならないのはあなたが興味を持っているフォントの上にマウスを乗せることだけです。フォントの名前の上に、Fontface Ninjaはまたあなたに与える。 サイズ そして 行間隔 同様に.

Fontface Ninjaのもう1つの便利な機能は、次の機能があることです。 写真や広告を隠す そのため、中断することなくフォントに集中することができます。プラグインはまた、あなたがフォントを試してみることができ、あなたがそれを購入またはダウンロードするフォントが好きなら.

Fontface Ninjaのインストール

Fontface Ninjaをダウンロードしてお好みのブラウザで使用することができます.

• クロム
• サファリ

Fontface Ninjaを使う

インストールすると、ジャンプする忍者のアプリアイコンがブラウザのアドレスバーの近くに表示されます。それをクリックしてアクティブにします。今、あなたはできます 任意のテキストにカーソルを合わせる フォントに関する情報を表示するツールチップを取得するためのWebページ.

フォントを試す, クリックして, FontFace Ninjaのロゴが左に移動して、選択したフォントを入力して試すスペースができます。あなたもすることができます サイズを調整する フォントの.

すべての画像を非表示にして、タイポグラフィだけに集中できるようにするには、をクリックします。 マスク 次のオプション 閉じる. すべてのdetect-font-fontface-ninja /はビューから隠されます.

関連 - あなたのブラウザ上のLive Test Fonts

あなたがFontface Ninjaが好きなら、あなたはおそらく好きだろう フォントドラグ. フォントをWebページ自体にドラッグするだけで、ブラウザ上で実際にフォントをテストするような開発者を支援するための便利なツールについて説明しました。.

Font Dragrを使ってテストフォントを実際に使用する方法の詳細を確認してください。.