This repository contains a simple unpackaged extension that allows you to customize Chrome's Devtools fonts displayed on Elements, Console, Sources, and other tabs.
Fonts can be configured via the extension's Options page without manually editing any files.
- Clone this repository (or download it from https://github.com/vbsessa/chrome-devtools/releases).
- Open
chrome://flagssection and enable#enable-devtools-experimentsflag. - Open Chrome DevTools and check
Settings > Experiments > Allow extensions to load custom stylesheets. - Open Chrome Extensions tab, click
Load unpacked extensionand point to the directory containing the cloned files. - Click the Details button for the extension and open Extension options to configure font family and size for monospace and source-code text.