DevPora Font

About

# DevPora Font

Typography inspector for developers and designers — live on-page preview, pin cards, font scan, compare and copy CSS / Tailwind.

## Purpose

DevPora Font helps you inspect typography directly on any web page. Hover text for a live preview, click to pin comparison cards, scan all fonts used on the page, and copy CSS or Tailwind classes to clipboard.

## Key Features

- **Live preview** — on-page panel with element highlight and font metrics
- **On-page cards** — optional pin on click, up to 8 cards side by side for comparison
- **Copy actions** — CSS block, sample text, or Tailwind (including `font-*` weight classes)
- **History** — recent inspections in the popup with preview and expandable detail
- **Page scan** — list of unique fonts with usage count
- **Font comparison** — compare up to 3 scanned fonts with the same sample text
- **Diacritics** — glyph preview (`ľšäô ů`) for web font checks
- **System UI** — friendly label for the OS system font stack
- **Smart panel** — moves to the opposite corner when it would cover the inspected element
- **UI languages** — SK, EN, CZ, PL, DE
- **Local storage only** — no account, no server

## Privacy

- no account required
- no external API calls
- settings and history stored locally in the browser only

## Who it is for

- frontend developers
- UI/UX designers
- QA checking typography and web fonts
- anyone who needs to quickly identify fonts on a live page

DevPora Font is a visual helper for typography work. It does not modify page content, collect analytics, or interfere with normal browsing when turned off.