Whatfont Chrome extension icon

Whatfont

🔍 Security Report Available
👥 2M+ users
📦 v3.2.0
💾 741KiB
📅 2024-03-04
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

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"

Tags

Productivity/developer design productivity/developer

Privacy Practices

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
v3.2.0 Info Scanned Mar 5, 2026

Security Analysis — Whatfont

Analyzed v3.2.0 · Mar 5, 2026 · 3 JS files · 2281 KB scanned

Permissions

activeTab scripting

Code Patterns Detected

innerHTML assignment — potential XSS vector String.fromCharCode (obfuscation) Uses Fetch API Uses postMessage for cross-origin comms Sets up event listeners

External Connections

www.w3.org reactjs.org chengyinliu.com fb.me

Package Contents 19 files · 2.3MB

📁_metadata3KB
{}verified_contents.json3KB
📁background147KB
📜background.js82KBlarge
🌐index.html217B
📜index.js11KB
📄index.js.map54KB
📁contentScript2.1MB
📜index.js2.1MBlarge
🖼icon128.png5KB
🖼icon16.png345B
🖼icon19.png505B
🖼icon19_light.png1KB
🖼icon256.png12KB
🖼icon32.png4KB
🖼icon38.png936B
🖼icon38_light.png3KB
🖼icon48.png3KB
🖼icon76.png2KB
🖼icon76_light.png4KB
🖼icon96.png6KB
{}manifest.json710B

What This Extension Does

Whatfont is a browser extension that helps users identify fonts on web pages. It provides an easy way to discover the fonts used on websites by hovering over text or clicking on elements. This extension is recommended for developers, designers, and anyone interested in typography.

Permissions Explained

  • activeTabexpected: This permission allows Whatfont to access the current web page you're viewing.
    Technical: The activeTab permission grants access to the tab's content script injection, which can be used for cross-origin communication and data exchange. This could potentially expose user data if compromised.
  • scriptingexpected: This permission enables Whatfont to run scripts on web pages, which is necessary for its functionality.
    Technical: The scripting permission allows the extension to execute JavaScript code in the context of web pages, potentially exposing user data or allowing malicious code execution if compromised.

Your Data

Whatfont accesses the current web page's content and sends requests to external domains for font detection. It also uses the Fetch API for data exchange.

Technical Details

domains
  • www.w3.org
  • reactjs.org
  • chengyinliu.com
  • fb.me
protocols
  • HTTP
  • HTTPS
encryption_status
Mixed (some HTTPS, some HTTP)
data_types
  • cookies
  • tokens

Code Findings

innerHTML assignment - potential XSS vectorMedium

This finding indicates that Whatfont uses innerHTML assignment in its code, which could potentially lead to cross-site scripting (XSS) attacks if exploited.

Technical: The extension's content script injects HTML elements with user-controlled data using the innerHTML property. This creates a potential XSS vector if an attacker can manipulate this data.

💡 innerHTML assignment is commonly used in legitimate extensions for dynamic content rendering and manipulation.

String.fromCharCode (obfuscation)Medium

This finding suggests that Whatfont uses String.fromCharCode to obfuscate its code, which could make it harder for users to understand what the extension is doing.

Technical: The extension's JavaScript files use String.fromCharCode to encode strings, making it more difficult to analyze and debug the code.

💡 String.fromCharCode is sometimes used in legitimate extensions for encoding sensitive data or obfuscating code to prevent tampering.

Bottom Line

Whatfont is a useful extension for identifying fonts on web pages, but it has some security concerns related to its use of innerHTML assignment and String.fromCharCode. Users should be cautious when installing extensions with similar permissions and code patterns.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer