FontGoblin — Font Inspector & Color Picker

Inspect website fonts, sizes, and styles. Pick colors, compare typography, check CSS contrast, and copy CSS.

FontGoblin is a font inspector and color picker for Chrome. Explore website typography, inspect computed font styles, compare text selections, and copy CSS directly from a webpage—all from a compact, movable panel. Built for designers, developers, and anyone curious about the fonts and colors behind a website. INSPECT WEBSITE FONTS Hover over text to see its computed CSS font family, font size, style, and HTML tag. Click to explore font weight, line height, letter spacing, the full font stack, and additional CSS font settings. CONTROL INSPECTION WHILE MINIMIZED Collapse the panel to a compact launcher. Hover inspection stops while minimized by default. Enable “Keep inspecting when minimized” in Settings to continue inspecting. With this option and page-click protection enabled, clicking text reopens its details. Pause whenever you want to interact with the webpage normally. EXPLORE AND COPY COLORS View CSS text colors in HEX, RGB, HSL, HWB, or their original computed CSS format. Use Chrome’s native eyedropper on compatible secure pages to sample a displayed screen pixel. COMPARE TWO FONT STYLES Keep one selection as a reference and compare it with another. Review font families, sizes, weights, styles, and colors side by side. COPY CSS AND ELEMENT SELECTORS Copy computed CSS, individual color values, or an element selector checked against the selected element at copy time. PREVIEW TYPOGRAPHY AND CHECK CONTRAST Try your own text in the editable font preview. See a contrast estimate for determinable solid CSS text and background colors, with normal- and large-text AA guidance. Uncertain results are marked Unavailable. PERSONALIZE YOUR INSPECTOR Choose from eight settings switches and a default color-format menu. Control minimized inspection, hover labels, highlighting, page-click protection, launcher restoration, position memory, and recent picks. WORK WITH LESS INTERRUPTION Drag the inspector to a comfortable position. Use keyboard shortcuts to open, minimize, pause, or exit. Access the user guide and feedback form from the extension’s footer. GET STARTED Activate FontGoblin on a regular webpage, choose Start inspecting, and hover over text. Click to pin its details and copy what you need. PRIVACY No account or analytics. Inspected text, colors, and comparisons are not uploaded. Preferences are saved locally, and recent picks remain in the current tab’s memory. Website feedback is optional and submitted separately. ACCURACY AND COMPATIBILITY FontGoblin reports computed CSS; fallback fonts may differ by character. Screen pixels may differ from source CSS colors. Contrast estimates are not a complete accessibility audit. Protected Chrome pages, restricted cross-origin frames, and fonts inside images or canvas cannot be inspected reliably. By Charan.