Deprecated: 関数 print_emoji_styles は、バージョン 6.4.0 から非推奨になりました ! 代わりに wp_enqueue_emoji_styles を使用してください。 in /home/dnd/dream-net.org/public_html/blog/wp-includes/functions.php on line 6085

PAGETOP

ホームページで使用されているフォントが分かる!試せる!「FontFaceNinja

サイトで使用されているフォントが分かる!試せる!「FontFaceNinja」が便利

このサイトのフォントが素敵だな、と思ったとき、フォント名を知りたいことはありませんか?今回は、ページ上のテキストにマウスオーバーするだけで、フォント名やフォントウェイト、サイズなどが瞬時に分かるとても便利なブラウザのプラグイン「FontFaceNinja」をご紹介します。

FontFaceNinja(http://fontface.ninja/
ChromeとSafari用のプラグインとして無料配布されています。

導入方法

FontFaceNinjaのページの下部から、Chrome用、Safari用いずれかのプラグインを追加します。今回は、Chromeに導入してみました。

「CHROMEに追加」をクリックすれば、ブラウザの左上に忍者らしきアイコンが追加されます。

◆使い方

左上の忍者アイコンをクリックすると、ページ上部にFontFaceNinjaのマークが現れます。

この状態でテキストにマウスオーバーするだけで、フォント名、フォントサイズ、行間、文字間がツールチップで表示されます。

テキストをクリックすると、試し打ちもできるという便利な機能も。
パソコンにフォントを導入する前に、気軽に文字を乗せてみることができるのは便利ですね。

なんと、フォントによっては、クリックするとダウンロードボタンが出現。
ダウンロードできてしまいます。

※プラグイン内でもダウンロードの可否をチェックしているようですが、ダウンロードの際はライセンスをよく確かめ、個人の責任で行っていただくようお願いします。

導入も使い方もシンプルなのに高機能。
Web上で素敵なフォントに出会ったら、ぜひ試してみてください。