5月
1

[Mac]Safariで見ているサイトのフォントがわかるブックマークレット

Safari-2
Safari-2 Photo by mayo1950

海外の素敵なサイトを見ていると、美しいフォントが気になります。
Google Chromeでは、フォントがわかる拡張機能があります。

以前からインストールしていましたが、
それ以外のSafariブラウザでも、知りたいと思っていました。
もちろん、日本語では使えないものもあるので参考程度に。
まぁ、私は見るだけですがw

Chrome拡張機能「WhatFont」

Google Chromeをお使いの方は、拡張機能を導入すれば何のフォントか見れます。

Chrome拡張機能「Whatfont」

Chrome ウェブストア - WhatFont
Chrome ウェブストア – WhatFont Photo by mayo1950

導入すると、このようにバーに追加されます。

Chrome ウェブストア - WhatFont-1
Chrome ウェブストア – WhatFont-1Photo by mayo1950

Safariに「WhatFontTool」ブックマークレット

Chromeの拡張機能を提供しているサイトに飛ぶと、Bookmarkletを提供してくれてました。
英語なのでその辺適当に解釈して入れてみました。
Chrome以外のブラウザでも使えるようです。

「WhatFontTool」

やり方は、簡単!
サイトの中程にある、Bookmarkletの項目「WhatFont」を、お気に入りバーにドラッグするだけです。

WhatFont Tool
WhatFont Tool Photo by mayo1950

バーに追加しました。

WhatFont Tool
WhatFont Tool Photo by mayo1950

見たいサイトで、先ほどの「WhatFont」をクリックするだけで、フォントがすぐにわかります。

フォント-1
フォント-1 Photo by mayo1950

更に画面上でクリックすると、フォントサイズなどの詳細が見れます。

フォント
フォント Photo by mayo1950

終了する場合は、右上に出ている「Exit WhatFont」をクリックします。

終了する
終了する Photo by mayo1950

では、では。。

【こちらの関連記事もご覧ください】


記事をお読み頂き、ありがとうございます!

記事の内容を気に入って頂けましたか?
もし気に入って頂けましたら、
ソーシャルボタンで共有頂ければ、とても嬉しいです♪


follow us in feedly RSS

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This blog is kept spam free by WP-SpamFree.