lhlfjbdaffoimeokmfifciickpmckmjf
Identify fonts and colors on any page. Vibeboard to sample styles and tweak CSS live. Tired of digging through Chrome’s inspect tool to find a hex code or font? Well, here's Designerd, a seamless way to inspect, edit and extract design properties on any website. Features: ▸ Inspect any element—typography, colors, spacing, borders ▸ Copy hex codes and values ▸ See every color and font on the page ▸ Download assets ▸ One-click links to Google Fonts, Adobe Fonts, Fontshare, and MyFonts ▸ Edit styles live—colors, spacing, borders—and see changes instantly ▸ Custom cursor when in inspecting ▸ When editing, use arrow keys (and shift+arrow) to nudge values up/down ▸ Create a vibeboard, download it as PNG, and drop it into any AI web builder to use as a reference No signup, no account, no backend, no Elements panel, no “which one was the color again?” — just the stuff you need, when you need it. Pro tip: You can set a keyboard shortcut (I recommend ⌥⇧D or ⌘⇧D) in Chrome’s extension shortcuts to toggle Designerd. I created Designerd for me, but I want to share it with you—for free—forever. I hope you like it. 🥰 If you do like it and insist, you can buy me a coffee. ✌🏽 https://buymeacoffee.com/rgb.dsgn
Identify Font - What is the font
Easily Identify Font on any webpage. Discover what is the font used with a simple click. Identify Font with Ease! Easily identify fonts and get their names with just one click. Wondering what the font is? Use this Chrome extension to find the information you need instantly! This browser extension allows you to effortlessly identify fonts and access useful details in a snap. With Identify Font, you can: - Know the font name, color, weight, and line height. - Easily identify font names on any website. - Access all the essential information about the font. - Enjoy a simple and user-friendly interface. - Start the app by right-clicking or using the shortcut icon. - Highlight the hovered element for precise identification. How to Use Identify Font for Chrome: 1. Click the “Add to Chrome” button to install the extension. 2. Tap the Identify Font icon or right-click and select Identify Font to enable the extension. 3. Click on any word on the website to get its font details. 4. After clicking, you'll see the font information. 5. To exit the font details, click outside the window, press “ESC,” or click the Identify Font icon again. Version 1.4.3.: - Resolved a bug with styles. Version 1.4.1.: - Fixed an issue when Welcome screen appears after every PC restart; - Changed the link to review color to grey; - Fixed the link to review; - Minor bug fixes. Version 1.4.: - Redesigned app architecture to provide more stable and convenient functionality; - Added a welcome screen with a guide for newbies; - Fixed a bug where the last letter of the font name was cut off; - Other minor bug fixes. Version 1.2.: - Improved user safety; - Fixed minor bugs for users with Mac OSX; - Optimized code for better performance; - Restored the ability to launch the extension via the context menu. Version 1.1.: - Improved user safety; - Optimized the code; - Fixed bugs that occasionally occurred when searching for fonts on the website.
Font Finder
An easy-to-use font inspector to get CSS styles of the selected element FontFinder is created for designers, developers, and typographers. It allows a user to analyze the font information of any element and copy any pieces of that information to the clipboard. Font Finder examines all the selected characters to detect the font used to display this particular character. 1. Analyze any font on the active page. 2. Copy any piece of the element's information to the clipboard 3. Any active element can have any piece of the font's options (such as color, size, or family) adjusted inline Access these options by right-clicking the context menu over the selected text or right-clicking on the page and inspecting the element. Information Captured: 1. Font color (RGB and HEX) 2. Background color (RGB and HEX) 3. Font family (including actually rendered font!) 4. Font size 5. Line height, vertical alignment, letter, and word spacing 6. Font weight, style, variant 7. Text transform, decoration, align and indent 8. Element's type, class, and ID 9. Displays remote and local tags next to the rendered font Tools: Replace or change font family. Use custom fonts. Get the list of all fonts in the current frame. Notes: You can change the window opening mode to embedded mode from the right-click items over the toolbar button. This mode helps use the extension in full-screen mode.
Font Finder
Easily identify and analyze fonts on any webpage. Get font family, size, weight, style, color, and more. Font Finder is a lightweight Chrome extension that lets you inspect typography on any website with a simple, focused interface. Activate the inspector and hover over text to see font family, size, weight, style, color (HEX and RGB), line height, letter spacing, text transform, and text decoration in a clean tooltip. The popup panel shows all captured font details in a readable layout so you can review typography without digging into DevTools. Copy individual properties with one click or copy all font information at once to paste into your design tools, code editor, or documentation. Font Finder is built for web designers, front-end developers, marketers, and anyone curious about the fonts used on their favorite sites. It helps you quickly match fonts, audit typography, and maintain consistent styles across projects. The extension only reads computed style information for the element you inspect and stores the last inspected font data locally so you can reopen the popup and still see your previous result. No browsing history, form data, or page content is collected or sent to any server, keeping your workflow fast, focused, and privacy-friendly.
WhatFont
The easiest way to identify fonts on web pages. Say goodbye to the complexity of developer tools for identifying fonts. With WhatFont, discovering the fonts used on websites becomes as effortless as hovering over text. Want more details? A simple click on any element reveals the styles applied, making it easier than ever to uncover the secrets behind beautiful typography. Recommended by Wired WebMonkey, Lifehacker, and SwissMiss. History: • 3.2.0 - Improved toolbar icon compatibility • 3.1.1 - Removed unnecessary developer logging • 3.1.0 - Added multiple color format support • 3.0.1 - Restored escape key to exit • 3.0.0 - Completely Rewritten: The entire extension has been rebuilt for better performance and usability. - Updated Permission Model: We've revised permissions to better respect user privacy while maintaining functionalities. - Refreshed Appearance: The look has been updated for a more modern feel. - Isolation from Host Website Styling: Ensures WhatFont's appearance is unaffected by the website it's used on. - Adaptive Toolbar Icon: The toolbar icon now changes based on the system's appearance settings. - Support for New CSS Color Values: Enhanced support for the latest CSS color values. • 2.1.0 - A new design thanks to Siddharth Mate • 2.0.3 - Retina toolbar icon • 2.0.2 - Fix option page for button styles • 2.0.1 - Use native screen capturer • 2.0 - Improved sharing • 1.7 - Added font services detection for FontDeck (Thanks to Mark Perkins) - Improved font detecting algorithm - Improved overall performance • 1.6.1 - Added color detection for text • 1.6 - Added a tweet button for instant sharing through Twitter - Improved style reseting • 1.5 - Overall restyling • 1.4.4 - Supported light icon for dark themes • 1.4.3 - Fixed a bug related to Typekit service detection • 1.4.2 - Reduced loading time - Supported HTTPS protocol • 1.4.1 - Fixed stylesheet bug • 1.4 - Restructured source code - Supported font services detection for Typekit and Google Font API - Fixed toolbar button bug. Second click is now "Exit WhatFont"
