This extension allows you to test webfonts out on any website and target which elements the fonts should be applied to.
Webfont Previewer Extension
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**
Read more
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**
Source 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" }}
Read more