# Font Inspector & CSS Picker

> Identify any font on any website. Click to instantly see font-family, size, weight, color and full CSS. Copy with one tap. Built for designers and developers who want answers fast.

Canonical page: [https://chrome-stats.com/d/font-inspector-css-picker](https://chrome-stats.com/d/font-inspector-css-picker)

## Overview

- **ID:** `font-inspector-css-picker`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Html Design
- **Category:** web-development,search-tools,appearance
- **Daily users:** 1
- **Version:** 1.0.0
- **Last updated:** 2026-04-22
- **First published:** 2026-04-19
- **Size:** 35 KB
- **Data as of:** 2026-09-14
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/font-inspector-css-picker/)
- **Website:** [https://html.design](https://html.design/)
- **Privacy policy:** [https://addons.mozilla.org/firefox/addon/font-inspector-css-picker/privacy/](https://addons.mozilla.org/firefox/addon/font-inspector-css-picker/privacy/)

## Description

Font Inspector & CSS Picker is the fastest way to identify the typography on any webpage and grab the exact CSS to use it in your own work.

WHAT IT DOES
- Scan any webpage with one click — see every font used, ranked by frequency
- Click a font to see its real CSS: family, size, weight, line-height, letter-spacing, color
- Copy the full CSS block with a single button
- Get free Google Font alternatives suggested for every typeface
- Live preview shows each font in its own typeface so you can compare at a glance

PERFECT FOR
- Web designers studying typography on competitor sites
- Front-end developers reverse-engineering font stacks
- Brand designers building inspiration libraries
- Students learning what real-world CSS looks like

PRIVACY-FIRST
- Zero data collection
- Zero network requests
- Zero analytics, zero tracking, zero accounts
- Uses only the activeTab permission — runs only when you click the icon, only on the page you're looking at

HOW IT WORKS
1. Click the toolbar icon
2. Click "Scan Fonts on This Page"
3. Browse every typeface used, click for full CSS, copy and paste

Built by HTML.Design — free responsive HTML templates for designers and developers. Visit https://html.design for hundreds of free, ready-to-use website templates.

## Rankings

- #127,512 — Overall
- #189 — font

## Permissions and access

### Permissions

- `activeTab`

## Safety

- **Risk impact:** Very low risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Font Finder by Ethical Champ](https://chrome-stats.com/d/font-finder-by-ethical-champ) — 8 users
- [FontFinder](https://chrome-stats.com/d/fontfinder-online) — 213 users, 5.00 / 5
- [FontSpy](https://chrome-stats.com/d/fontspy) — 7 users, 5.00 / 5
- [FontDetector Pro](https://chrome-stats.com/d/fontdetector-pro) — 5 users
- [Which Font?](https://chrome-stats.com/d/which-font) — 21 users
- [Font Identifier & CSS Inspector](https://chrome-stats.com/d/font-identifier-css-inspector) — 1 users
- [What Font](https://chrome-stats.com/d/what-font-browser) — 3,879 users, 4.44 / 5
- [Take Your Type](https://chrome-stats.com/d/take-your-type) — 1 users
- [Fonts Extractor](https://chrome-stats.com/d/fonts-extractor) — 5 users
- [Font Finder (revived)](https://chrome-stats.com/d/font-inspect) — 18,248 users, 4.75 / 5
- [FontHunter](https://chrome-stats.com/d/fonthunter) — 87 users
- [Font Changer](https://chrome-stats.com/d/font-changer) — 134 users, 3.65 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/font-inspector-css-picker)