FontGoblin — Font Inspector & Color Picker

Inspect website fonts, save styles and color palettes, compare typography visually, and copy CSS.

FontGoblin is a font inspector and color picker for Chrome. Find what font a website uses, check its size and style, save typography you like, and collect colors—all from a compact, movable panel. Built for designers, developers, and anyone curious about the typography behind a webpage. INSPECT WEBSITE FONTS Hover over text to see its computed CSS font family, font size, style, and HTML tag. Click to keep the details and explore font weight, line height, letter spacing, text color, and the full font stack. Identify CSS styles such as Regular, Bold, Italic, and Bold Italic, with numeric font weights available for a closer look. SAVE FONTS AND ORGANIZE PROJECTS Bookmark useful CSS font styles in your local library. Give them clear names, search your saved fonts, and organize them into projects. Choose an existing project or create one while saving. Your saved styles remain available across tabs and browser restarts. PICK COLORS AND BUILD PALETTES Inspect text colors in HEX, RGB, HSL, HWB, or their original computed CSS format. On compatible secure pages, use Chrome’s native screen eyedropper to sample a displayed pixel. Save colors to an existing palette or create a new one. Copy individual HEX values or export a palette as CSS variables. COMPARE TYPOGRAPHY SIDE BY SIDE Keep one font style as a reference and compare it with another. Preview the same text in both styles at an equal size or their original sizes, then review their font families, weights, styles, and colors. COPY CSS AND ELEMENT SELECTORS Copy computed font CSS, individual color values, or an element selector checked against the selected element at copy time. EXPLORE FONT FILES Look for declared web-font sources in accessible stylesheets. When a source is readable, view supported internal font details or download the available file. Availability depends on the website and browser access rules. Font downloads do not grant permission to reuse a font; check its license. GET A PAGE OVERVIEW Run an on-demand scan to group visible text styles and text colors in the current document. Use it as a starting point for exploring a page’s typography. MAKE THE INSPECTOR YOURS Move the panel, choose its width, customize hover labels, set a default color format, and control recent picks. Use keyboard shortcuts to open, pause, minimize, or exit. Inspection while minimized is optional and off by default. PREVIEW TEXT AND ESTIMATE CONTRAST Try your own text in the editable preview. For determinable solid CSS text and background colors, view a contrast estimate with normal- and large-text AA guidance. Uncertain results are marked Unavailable. PRIVACY No account or analytics. Inspected text and comparisons are not uploaded. Preferences, saved CSS font styles, project labels, and color palettes stay on your device. Recent picks stay in the current tab’s memory. Optional font-file actions make direct requests to the website or font provider. Website feedback is submitted separately. GET STARTED Open a regular webpage, activate FontGoblin, and choose Start inspecting. Hover over text, click to keep its details, then save or copy what you need. ACCURACY AND COMPATIBILITY FontGoblin reports computed CSS. The browser may render individual characters with fallback fonts. Screen pixels can differ from source CSS colors, and contrast estimates are not a complete accessibility audit. Protected browser pages, restricted frames, and text inside images or canvas have inspection limitations. Created by Charan.