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.
评分 0(1 位用户)
权限与数据
更多信息
- 版本
- 1.0.0
- 大小
- 35.5 KB
- 上次更新
- 1 个月前 (2026年4月19日)
- 隐私政策
- 阅读此附加组件的隐私政策
- 版本历史
- 添加到收藏集