β
Recently updated
Description
π€ Font Flow β The Fastest Way to Preview Google Fonts on Any Website
Stop guessing which font works best. Font Flow lets you preview 180+ handpicked Google Fonts directly on any live website β in real-time, with zero setup.
β¨ KEY FEATURES
β’ π― Live Font Preview β Apply any Google Font to the page you're browsing and see how it looks instantly
β’ π Smart Categories β Filter fonts by Sans-Serif, Serif, Monospace, Script, and Decorative
β’ π Instant Search β Find the perfect font in seconds
β’ βΆοΈ Auto-Cycle Mode β Hit "Preview All" and watch fonts rotate automatically
β’ π― Scope Control β Apply fonts globally, to headings only, body text, or pick specific elements
β’ π One-Click CSS Copy β Copy the font-family declaration with a single click
β’ π Side Panel Mode β Dock Font Flow as a persistent side panel while you browse
β’ β¨οΈ Keyboard Navigation β Use W/S or Arrow keys to quickly flip through fonts
β’ π Ultra-Dark UI β Beautiful, distraction-free interface that stays out of your way
β’ β‘ Lazy Loading β Fonts load on-demand as you scroll, keeping things fast
π¨ PERFECT FOR
β’ Web designers previewing typography for client projects
β’ Developers choosing fonts for their next app
β’ Content creators styling their personal sites
β’ Anyone who loves beautiful typography
π PRIVACY
Font Flow does NOT collect, store, or transmit any personal data. The only external requests are to Google Fonts to load font files β that's it. No analytics, no tracking, no accounts.
π‘ HOW TO USE
1. Click the Font Flow icon in your toolbar (or open it as a Side Panel)
2. Browse or search the font library
3. Click any font to instantly preview it on the current page
4. Use the scope dropdown to target headings, body text, or specific elements
5. Found the one? Click the </> button to copy the CSS
Note: Yes, I vibecoded this extension for personal use and I published for people to use
Made with β€οΈ for the design community, by @rjarivi
Reviews
Loading reviews...
Permissions (3)
Permissions
activeTabβΉ Can access the current tab when you click the extension sidePanel storageβΉ Can store data locally in your browser
Details
| Version | 1.0.3 |
| Updated | Mar 9, 2026 |
| Size | 27.94KiB |
| First Seen | Apr 1, 2026 |
Popular in developer
GoFullPage - Full Page Screen Capture
by GoFullPage
10M
β
4.89
developer
10M
β
4.89
developer
TouchEn PC보μ νμ₯
by λΌμ¨μνμ΄
8M
β
1.33
developer
8M
β
1.33
developer
React Developer Tools
by Meta
5M
β
3.95
developer
5M
β
3.95
developer
Meta Pixel Helper
by Meta
4M
β
3.90
developer
4M
β
3.90
developer
ColorZilla
by colorzilla.com
4M
β
4.59
developer
4M
β
4.59
developer
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
322M
β
4.40
workflow
322M
β
4.40
workflow
AdBlock β block ads across the web
by AdBlock
62M
β
4.48
workflow
62M
β
4.48
workflow
θΏ
ι·δΈθ½½ζ―ζ
by Shenzhen Xunlei Network Technology Co., Ltd.
59M
β
2.77
workflow
59M
β
2.77
workflow
Grammarly: AI Writing Assistant and Grammar Checker App
by Grammarly
42M
β
4.50
communication
42M
β
4.50
communication
Adblock Plus - free ad blocker
by eyeo GmbH
40M
β
4.39
workflow
40M
β
4.39
workflow