Fontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマークレットを使うよりも手軽に調べる事が出来ます。 Devtoolsより楽だしブックマークレット等のように起動する必要もなく、普段の動作のみで即調べられるのは便利でいいですね。Webフォント時代なのであると重宝すると思って入れてみました。 使ってみる 当ブログで使ってみました。テキストをドラッグし、コンテキストメニューを開くとFontanelloの項目が追加されていますのでマウスを合わせればfont-family、font-weight、font-size、colorの情報が表示されます。font-familyは適応されているフォント名が表示されるようになっています。 また、各項目はク
![コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」](https://cdn-ak-scissors.b.st-hatena.com/image/square/7996c7ff20388ecbf12a87a5642ea6decf1f937a/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F05%2FFontanello01.jpg)