
Google Font Live Preview by dvsj.in
Pick a Google Font, choose a CSS selector, see what your website looks like with that font. Say goodbye to copy pasting embed code during development. :)
You'll need Firefox to use this extension
Extension Metadata
Screenshots



About this extension
Dead simple.
Pick any Google Font.
Pick a variant of the font (thickness, italics).
Pick the CSS selector (heading, paragraph, .someClass).
That's it! The content of your current page changes to that font.
I built this for myself for ease of development.
But I'm always open to requests and feedback! :)
Pick any Google Font.
Pick a variant of the font (thickness, italics).
Pick the CSS selector (heading, paragraph, .someClass).
That's it! The content of your current page changes to that font.
I built this for myself for ease of development.
But I'm always open to requests and feedback! :)
Rate your experience
PermissionsLearn more
This add-on needs to:
- Access your data for all web sites
This add-on may also ask to:
- Access your data for fonts.googleapis.com
- Access your data for fonts.gstatic.com
More information
- Add-on Links
- Version
- 1.0.1
- Size
- 219.97 kB
- Last updated
- 5 days ago (6 Jun 2025)
- Related Categories
- Licence
- Mozilla Public Licence 2.0
- Version History
- Tags
Add to collection
More extensions by dvsj.in
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
Might not work on a few external websites (MDN/Apple) which have explicitly blocked external fonts (Google Fonts) via Content Security Policy.