コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」

Ads

Fontanello


Fontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマークレットを使うよりも手軽に調べる事が出来ます。

Devtoolsより楽だしブックマークレット等のように起動する必要もなく、普段の動作のみで即調べられるのは便利でいいですね。Webフォント時代なのであると重宝すると思って入れてみました。

Ads

使ってみる

当ブログで使ってみました。テキストをドラッグし、コンテキストメニューを開くとFontanelloの項目が追加されていますのでマウスを合わせればfont-familyfont-weightfont-sizecolorの情報が表示されます。font-familyは適応されているフォント名が表示されるようになっています。

また、各項目はクリックする事でクリップボードにコピーできるようになっていますのですぐにフォントの情報を調べる事も出来ますね。使ってみて理解しましたが、想像より便利でした。

本拡張はGithubにてOSSとしてソースコードが公開されていますので気に入らない部分があればカスタマイズするのも良いかもしれませんね。ライセンスはMIT。

FontanelloOn Github