Item logo image for Font Picker

Font Picker

Featured
3.5(

75 ratings

)
Item media 4 (screenshot) for Font Picker
Item media 5 (screenshot) for Font Picker
Item media 1 (screenshot) for Font Picker
Item media 2 (screenshot) for Font Picker
Item media 3 (screenshot) for Font Picker
Item media 4 (screenshot) for Font Picker
Item media 5 (screenshot) for Font Picker
Item media 1 (screenshot) for Font Picker
Item media 2 (screenshot) for Font Picker
Item media 1 (screenshot) for Font Picker
Item media 2 (screenshot) for Font Picker
Item media 3 (screenshot) for Font Picker
Item media 4 (screenshot) for Font Picker
Item media 5 (screenshot) for Font Picker

Overview

Right-click any text to identify its font, see what actually rendered, and copy the CSS in one click.

Font Picker tells you what any text on the web is set in. Right-click it, choose "Font Details", and you get the font family, size, weight, line height and colour, plus a CSS snippet you can copy straight into your stylesheet. No DevTools. No digging through stylesheets. No guessing. 🔎 WHAT YOU GET • Font family, size, weight, line height and colour, read from the live computed style • The font that is actually rendering, not just the one the CSS asks for • A ready-to-paste CSS snippet, copied with one click • A live preview of the font at heading, body and caption sizes • Works inside iframes, embeds and shadow DOM components 👀 SEE WHAT ACTUALLY RENDERED A font stack can name a dozen families. Your browser uses the first one it can actually load, so when a webfont fails, the page quietly falls back to something else and the CSS still says otherwise. Font Picker shows you both: the full stack the CSS declares, and the family your browser is really drawing with. When they differ, it says so. That is the difference between "the CSS says Satoshi" and "this page is rendering in system-ui because Satoshi never loaded." 🧩 BUILT FOR REAL PAGES • Right-click text inside an embedded video, comment widget or code preview and you get that frame's font, not the outer page's • Reads web components that keep their text inside a shadow root • Tells you when you have clicked empty background, instead of reporting a meaningless browser default 🔒 PRIVACY Font Picker collects nothing and sends nothing. There is no account, no analytics, no tracking and no server. Everything happens locally in your browser. Free, and has been since 2016.

Details

  • Version
    1.1.0
  • Updated
    September 22, 2026
  • Offered by
    Paul Krishnamurthy
  • Size
    103KiB
  • Languages
    English (United States)
  • Developer
    Email
    paul@paulkr.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

What font - font finder

3.6

What font? Easily identify the font on a web page, HTML font size, color, and font family.

fonts infos

4.5

An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.

WhatFont

3.8

The easiest way to identify fonts on web pages.

ColorPick Eyedropper

3.9

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

Font Finder

4.4

An easy-to-use font inspector to get CSS styles of the selected element

ColorZilla

4.7

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

Color Picker - Eyedropper Tool

3.4

Pick colors from web pages with Eyedropper. Picker, gradient generator, palette. Quickly grab HEX, RGB.

Font Finder

4.6

Easy to check, find the font name used on any website

Color Picker for Chrome™

4.5

HEX, RGB Color picker, Advanched Eyedropper, Find color code on any page

Fonts Ninja

4.9

Speed up your design workflow!

Fiverr Quick View

3.7

Fiverr Quick View - It allows you to sort search results, extract keywords, and view important metrics like favorites and ratings.

DesignPicker - Color, Font & CSS Inspector

5.0

Inspect webpage colors, fonts and CSS. Copy computed styles and save design snippets locally.

What font - font finder

3.6

What font? Easily identify the font on a web page, HTML font size, color, and font family.

fonts infos

4.5

An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.

WhatFont

3.8

The easiest way to identify fonts on web pages.

ColorPick Eyedropper

3.9

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

Font Finder

4.4

An easy-to-use font inspector to get CSS styles of the selected element

ColorZilla

4.7

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

Color Picker - Eyedropper Tool

3.4

Pick colors from web pages with Eyedropper. Picker, gradient generator, palette. Quickly grab HEX, RGB.

Font Finder

4.6

Easy to check, find the font name used on any website

Google apps