Webfont Previewerとは何ですか？

Webfont PreviewerはJustinTheCloudsによって開発されたChromeの拡張機能で、その主な機能は「This extension allows you to test webfonts out on any website and target which elements the fonts should be applied to.」です。

拡張機能のスクリーンショット

Webfont Previewer拡張機能のCRXファイルをダウンロード

Webfont Previewer拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Quickly test and preview out different web fonts while developing your websites.

Select a webfont from the list of fonts. Then choose the page's targets using CSS selectors. Then apply to see the webfont applied to current page's content.

Star your favorite webfonts to make them appear at the top of the list of fonts for quick use. Once you have the font you like, press the code "" button to copy the code to paste into your site's HTML for use.

**Once installed, any previously opened tabs must be refreshed to work properly**

拡張機能の基本情報

名前	Webfont Previewer
ID	ehmpabgeehikhdodemjoenbonjkdeopn
公式URL	https://chromewebstore.google.com/detail/webfont-previewer/ehmpabgeehikhdodemjoenbonjkdeopn
説明	This extension allows you to test webfonts out on any website and target which elements the fonts should be applied to.
ファイルサイズ	607 KB
インストール数	714
現在のバージョン	1.2
最終更新日	2013-09-26
公開日	2013-09-25
評価	3.29/5 合計 7 レビュー
開発者	JustinTheClouds
支払い方法	free
拡張機能のウェブサイト	http://justintheclouds.com
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Webfont Previewer", "description": "This extension allows you to test webfonts out on any website and target which elements the fonts should be applied to.", "version": "1.2", "icons": { "16": "icon.png", "48": "icon-48.png", "128": "icon.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "jquery.min.js", "content_scripts.js" ] } ], "web_accessible_resources": [ "jquery-2.0.3.min.map", "webfont.js", "fontmap.json" ], "permissions": [ "tabs", "storage", "http:\/\/fonts.googleapis.com\/", "https:\/\/googlefontdirectory.googlecode.com\/hg\/ofl\/" ], "browser_action": { "default_icon": { "19": "icon.png", "38": "icon.png", "48": "icon.png" }, "default_popup": "popup.html" } }