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. :)

5 (2 reviews)

4 Users

You'll need Firefox to use this extension

Download Firefox and get the extension

Download file

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! :)

Developer comments

Lightweight, loads fonts only on demand.

Might not work on a few external websites (MDN/Apple) which have explicitly blocked external fonts (Google Fonts) via Content Security Policy.

Rated 5 by 2 reviewers

Google Font Live Preview by dvsj.in

Required permissions:

Optional permissions: