byWEBサイトのフォント情報、サイズなどを解析できるフォントの検証に最適な機能拡張をご紹介。サイトのフォントを検証するとき、どんなツールを使っていますか?デベロッパーツールや解析関連のブックマークレットなどを使っている方も多いと思います。今回ご紹介する機能拡張は、サイト上に表示されているフォントだけを抽出して、カーソルを合わせるだけで、フォントファミリー名、サイズ、ラインハイト(行送り)を瞬時に解析する便利なツールです。気に入ったフォントが無料で利用できるものであれば、そのままダウンロードもできちゃうスグレモノ。最近の海外のサイトの多くはWEBフォントを多用しています。このフォントいいな、と思ったたきにはこの機能拡張を活用したいですよね。Ninja」は、WEBサイトのフォント情報、サイズなどを解析できるフォントの検証に最適なChromeとSafari用機能拡張です。サイト上に表示されているフォントだけを表示し、カーソルを合わせるだけで、フォントファミリー名、サイズ、ラインハイト(行送り)を瞬時に解析してくれる便利なツールです。試しに他の文章を入力したり、フォントサイズを変更することも可能ですので、事前のフォント検証にも役立ちます。Ninjaの使い方Chromeばかり使っているので、Chromeで使い方を説明します。Ninjaに行き、Chromeに機能拡張を追加します。Ninjaのアイコンが表示されるので、フォントを検証したいサイトでそのボタンをクリックします。クリックするとメニューが上からニュルッと表示されます。そのまま調べたいフォント部分にカーソルを合わせれば、フォントの分析結果を表示してくれます。Ninjaがすごいのはここから。フォントがWEBフォントか、画像か、というのは一見してわからない場合があります。そんなときには、メニューにある「Mask」をクリックしましょう。here...」というのが、表示されます。この部分をクリックすると、テキストを入力できますので、フォントを利用する前に検証が可能です。右隣にあるスライドバーを動かすとフォントサイズを変更することも可能です。右隣に表示されている「Download」をクリックすれば、フォントをダウンロードできます。便利な機能拡張でしょ。byお役に立てましたら、以下どれでも結構のですので、ポチリと......。当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。Library」Googleフォントをタグで検索できて、目的のGoogleフォントをすぐに見つけられる便利なライブラ記事を読む無料で使える角丸・丸文字の英語/欧文フリーフォント28でポップでかわいい演出を無料で使える角丸・丸文字の英語/欧文フリーフォントのご紹介します。デザインにポップな印象やかわい記事を読むかっこ良くて様になる!商用無料で使える欧文/英語フリーWEBフォント54選WEBフォントは便利で美しいから大好きです。Fontsをはじ記事を読むスタンプのようなクールな英語/欧文フォント!無料ステンシルフリーフォント48今回ご紹介するステンシルフォントは、欧米で広く使われている「型染め」を模したフォントを指します。フォント字典」フォント利用者必読の書が登場しました。その名も「実例付きフォント字典」。記事を読むかっこ良くて使える!2015年春の英語/欧文無料フリーフォント50+かっこいい無料の英語/欧文フォントが目白押しの2015年春。記事を読むロマンチックな英語/欧文の無料フリーフォント19ロマンチックな英語/欧文の無料フリーフォントをまとめてみました。