Mix & match custom heading and body fonts on any webpage using Google Fonts or local fonts, to find the perfect combination.

Latest Version

Version
1.5
Update
February 20, 2025
Size
20.34KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
Scripting
FontSettings
See more

Font Play Extension

Font Play is a powerful tool for web developers, designers, and content creators that enables instant font testing and visualization on any webpage. Transform your font exploration process with real-time previews of both system fonts and Google Fonts.

Key Features:
• Instant font previews on any webpage
• Separate controls for headings and body text
• Access to local system fonts and Google Fonts
• Font size customization with smart preservation
• Export generated CSS for your selected fonts
• Settings persistence across sessions
• Non-destructive changes - original webpage stays intact

Perfect for:
• Web developers testing different font combinations
• Designers exploring typography options
• Content creators optimizing readability
• Digital marketers refining website aesthetics

How it works:
1. Click the extension icon to open the interface
2. Choose between heading or body text
3. Select from system fonts or Google Fonts
4. Adjust font sizes as needed
5. See changes instantly on the webpage
6. Export CSS when you find the perfect combination

The extension is designed for performance and ease of use, ensuring smooth font previews without affecting webpage functionality.

Useful for:
- font preview
- typography tool
- google fonts
- web design
- font tester
- website fonts
- font customization
- typography preview
- design tool
- web development
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Font Play", "version": "1.5", "description": "Mix & match custom heading and body fonts on any webpage using Google Fonts or local fonts, to find the perfect combination.", "permissions": [ "activeTab", "storage", "scripting", "fontSettings" ], "host_permissions": [ "", "https://www.googleapis.com/" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" } }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "content_scripts": [ { "matches": [""], "js": ["content.js"], "css": ["styles.css"], "run_at": "document_idle" } ]}
Read more

Similar Extensions