This extension allows you to test webfonts out on any website and target which elements the fonts should be applied to.

Latest Version

Version
1.2
Update
September 25, 2013
Size
607KiB
Developer
Category
Users
630
Rating
3.28571 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
Tabs
Storage
Http://fonts.googleapis.com/*
Https://googlefontdirectory.googlecode.com/hg/ofl/*
See more

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

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

Similar Extensions

icon

Re-Font Extension · Productivity 630 17 ★ 26.8KiB

icon

What Font Extension · Productivity 630 13 ★ 198KiB

icon

Font Style Extension · Accessibility 630 9 ★ 14.53KiB

icon

Google Font Previewer for Chrome Extension · Developer Tools 630 265 ★ 45.88KiB

icon

Better Font Extension · Productivity 630 8 ★ 294KiB

icon

Snapfont - Preview fonts on any page Extension · Developer Tools 630 14 ★ 4.54MiB

icon

Fontstorage Extension · Photos 630 40 ★ 79.59KiB

icon

Font Overwrite Extension · Productivity 630 28 ★ 47.6KiB

icon

Font Changer Extension · Accessibility 630 2 ★ 182KiB

icon

Font Family Changer for AppsScript Extension · Developer Tools 630 2 ★ 462KiB

icon

Style Adjuster Extension · Developer Tools 630 1 ★ 265KiB

icon

Fontfully Extension · Accessibility 630 14 ★ 1003KiB

icon

Change Webpage Fonts Extension · Social & Communication 630 31 ★ 31.82KiB

icon

change all UI fonts Extension · Productivity 630 64 ★ 78.19KiB

icon

Which Font Is This? Extension · Developer Tools 630 11 ★ 549KiB

icon

Font Size Changer for AppsScript Extension · Developer Tools 630 3 ★ 462KiB

icon

Font Size Extension · Accessibility 630 12 ★ 19.07KiB

icon

CSS Color Names Extension · Developer Tools 630 3 ★ 65.52KiB

icon

Fonts Changer Extension · Accessibility 630 79 ★ 50.75KiB

icon

Force Custom Fonts Extension · Accessibility 630 338 ★ 14.42KiB

icon

Code Cola Extension · Developer Tools 630 188 ★ 189KiB

icon

A+ FontSize Changer Extension · Productivity 630 92 ★ 108KiB

icon

CSS3 Generator Extension · Developer Tools 630 60 ★ 346KiB

icon

System Font Everywhere Extension · Productivity 630 4 ★ 644KiB

User reviews

icon

Andy S. O. (TibyAndy) (ID: 0000006f364e44c9) Voted 1 ★ - Updated 04/01/2023 Does not work. Console error: Refused to load the stylesheet 'https://fonts.googleapis.com/css?family=ABeeZee' because it violates the following Content Security Policy directive: "style-src 'unsafe-inline'". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback.

icon

Sa Su (ID: 0000001d63a5000a) Voted 2 ★ - Updated 01/03/2021 Idee ist gut, an der Umsetzung hapert es. Es sind nur ein paar webfonts hier nutzbar, nicht alle die es auf Google-Fonts gibt.

icon

Станіслав Буценко (ID: 000000068262afec) Voted 2 ★ - Updated 02/27/2019 Шрифты не применяются. Не хватает фильтра по языкам (кириллица) и более быстрой смены шрифта.

icon

David Karich (ID: 0000002bb0afb026) Voted 3 ★ - Updated 04/08/2017 Sehr nützlich, um mal eben eine andere Font zu probieren, allerdings sind nicht alle aktuellen WebFonts enthalten. Der Stand der Extension ist gar recht alt.

icon

Christine Darden (ID: 0000005354f1d424) Voted 5 ★ - Updated 12/21/2015 Comes in handy when just starting out making sites