Font Inspector & CSS Picker 作者: Html Design
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.
擴充套件後設資料
畫面擷圖
關於此擴充套件
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.
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.
由 1 位評論者給出 0 分
權限與資料
更多資訊
- 版本
- 1.0.0
- 大小
- 35.5 KB
- 最近更新
- 11 天前 (2026年4月19日)
- 隱私權保護政策
- 閱讀此附加元件的隱私權保護政策
- 版本紀錄
- 新增至收藏集