What is Webfont Previewer?

Webfont Previewer is a Chrome extension developed by JustinTheClouds, and its main feature is "This extension allows you to test webfonts out on any website and target which elements the fonts should be applied to.".

Extension Screenshots

Download Webfont Previewer Extension CRX File

Download Webfont Previewer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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**

Extension Basic Information

Name	Webfont Previewer
ID	ehmpabgeehikhdodemjoenbonjkdeopn
Official URL	https://chromewebstore.google.com/detail/webfont-previewer/ehmpabgeehikhdodemjoenbonjkdeopn
Description	This extension allows you to test webfonts out on any website and target which elements the fonts should be applied to.
File Size	607 KB
Installation Count	714
Current Version	1.2
Last Updated	2013-09-26
Publish Date	2013-09-25
Rating	3.29/5 Total 7 Ratings
Developer	JustinTheClouds
Payment Type	free
Extension Website	http://justintheclouds.com
Supported Languages	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" } }