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명이 0점으로 평가함
권한 및 데이터
추가 정보
- 부가 기능 링크
- 버전
- 1.0.0
- 크기
- 35.5 KB
- 마지막 업데이트
- 한 달 전 (2026년 4월 19일)
- 개인정보처리방침
- 이 부가 기능에 대한 개인정보처리방침 읽기
- 버전 목록
- 모음집에 추가