Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Source Code & Font Viewer - HTML/CSS/JS/JSON/XML

Source Code & Font Viewer - HTML/CSS/JS/JSON/XML by Nicolas Dos Santos

View & format source code with syntax highlighting — HTML, CSS, JS, JSON, XML — plus a font viewer with glyph grid.

4.7 (3 reviews)4.7 (3 reviews)
18 Users18 Users
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
JSON formatting, syntax highlighting, line numbers & code foldingInteractive reference sidebar — explore external scripts, stylesheets & assetsTargeted search — full-text, CSS Selectors, XPath & JSONPathFont viewer — complete glyph grid with one-click copyFont viewer — live typing preview, size, weight & style controlsConfigurable settings — themes, font size, word wrap & tab behavior
About this extension
Tired of staring at your browser's bland, unstyled source viewer? Source Code & Font Viewer is here to fix that. View — and format — the source of any web page with proper formatting and beautiful syntax highlighting, right from the context menu or with a single click on the toolbar icon. No more walls of unreadable text. Just clean, colorized code, the way it should be.

✨ What you get:
• Beautiful syntax highlighting for HTML, CSS, JavaScript, JSON & XML
• Automatic formatting & beautification — pretty-print minified CSS, JS, JSON & HTML
• Automatic in-place formatting when you open a raw CSS/JS/JSON/XML file directly
• An interactive reference sidebar & site tree — browse all external scripts, stylesheets, fonts, images, and linked resources in an organized virtual file tree, with quick shortcuts to inspect any asset
• Quick-copy split button — copy formatted code with a single click, or use the dropdown to copy the raw source code or URL with instant feedback
• Full-text search (Cmd/Ctrl+F) across the entire source — not just the visible part — with next/previous, match case, whole word, regular expressions, and advanced structural search modes (XPath, CSS Selectors, JSONPath)
• One-click download of the formatted source with a smart filename — downloaded HTML still renders locally, and stylesheets keep finding their fonts & images
• A built-in font viewer — preview any web font (woff2, woff, ttf, otf) with your own sample text, size, weight & style, plus a glyph grid of the characters it covers (click a glyph to copy it)
• A range of light & dark themes
• Word wrap, line numbers & code folding
• Clickable links to jump between resources without leaving the viewer
• One-click switch back to the browser's native source view
• Available in multiple languages

Great for developers, web designers, and anyone who needs to view or format HTML, CSS, JavaScript, JSON, or XML source code — or inspect a web font. A clean source code viewer, JSON/XML viewer, font viewer, and code formatter in one.
Rated 4.7 by 3 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
2
4
1
3
0
2
0
1
0
Read all 3 reviews
Permissions and data

Required permissions:

  • Access browser tabs
  • Access your data for all websites

Optional permissions:

  • Access your data for all websites

Data collection:

  • The developer says this extension doesn't require data collection.
Learn more
More information
Add-on Links
  • Homepage
  • Support site
  • Copy add-on ID
Version
1.10.0
Size
715.2 KB
Last updated
5 days ago (Sep 10, 2026)
Related Categories
  • Web Development
License
GNU General Public License v3.0 only
Version History
  • See all versions
Tags
  • dark mode
  • download
  • user scripts
Add to collection
Report this add-on
Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Download

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

Latest Builds

  • Nightly
  • Beta

Firefox for Business

  • Enterprise

Community

  • Connect
  • Contribute
  • Developer

Follow

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.