BooksホームResourcesWebデザイン補助コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」Ads2019.05.14FontanelloFontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマークレットを使うよりも手軽に調べる事が出来ます。Devtoolsより楽だしブックマークレット等のように起動する必要もなく、普段の動作のみで即調べられるのは便利でいいですね。Webフォント時代なのであると重宝すると思って入れてみました。Ads使ってみる当ブログで使ってみました。テキストをドラッグし、コンテキストメニューを開くとFontanelloの項目が追加されていますのでマウスを合わせればfont-family、font-weight、font-size、colorの情報が表示されます。font-familyは適応されているフォント名が表示されるようになっています。各項目はクリックする事でクリップボードにコピーできるようになっていますのですぐにフォントの情報を調べる事も出来ますね。使ってみて理解しましたが、想像より便利でした。本拡張はGithubにてOSSとしてソースコードが公開されていますので気に入らない部分があればカスタマイズするのも良いかもしれませんね。ResourceAdsタイトルとURLをコピーしました。