Studio Fonts

Identify any web font, copy its CSS, preview font swaps live, build a type scale, and save fonts to your own library.

Yes, just one line changes: the end of the **Studio Fonts Pro** paragraph now says "Google Drive or Dropbox". Here's the full text so you can replace the whole description: ``` Studio Fonts tells you exactly which font you're looking at, and what to do with it. Inspect Click the toolbar icon (or press Alt+Shift+F, ⌘⇧O on Mac), then point at any text. You get the font that's actually rendering, even when the first name in the CSS isn't installed, plus its size, weight, line height, letter spacing and colour, its variable axes and OpenType features, and where it's served from: Google Fonts, Adobe Fonts, self-hosted or a system font. Copy the CSS in one click. It works inside web components and embedded frames too, and there's a drag box for text that's hard to hover. Preview Try a different heading or body font on the live page. Pick from about 300 Google Fonts or the fonts already on the page, and switch back with one click. Nothing on the site changes for anyone else. System scan Scan a page to list every font it uses, get a typography score with readability checks (body size, line height, line length, tiny text) and export the type scale as CSS variables or Tailwind tokens. Scale Generate a modular type scale from a base size and ratio, and copy it as tokens. Library Click any text on a page to save its font into your collections, with a link back to where you found it. Set your brand fonts for headings, body and buttons. Your library syncs through your own Chrome account, and you can back it up to a .studio file. Also included A right-click "Inspect font" item, a printable PDF specimen, short typography lessons, and an optional AI type advisor that runs on your own Anthropic, OpenAI or Google key (the key stays in the extension's settings and is never placed in the pages you visit). Studio Fonts Pro Everything above is free. Pro ($11.99 a year) raises the monthly limits on live previews and one-click saves from Google Fonts and Adobe Fonts, adds font-pairing suggestions for any font you inspect, and backs up your library to your own Google Drive or Dropbox. Privacy There are no accounts, analytics or tracking. Studio Fonts only runs on a page after you open it there (plus a save button on Google Fonts and Adobe Fonts). Your library lives in your browser, and nothing you inspect or save is sent to Studio Grid. If you buy Pro, your licence key is checked with our licence server. Made by Studio Grid, Questions or ideas: hello@studiogrid.io