Skip to content

Instantly share code, notes, and snippets.

@aade-sh
aade-sh / add-sf-mono-to-firefox.md
Created April 30, 2021 15:24 — forked from javan/add-sf-mono-to-firefox.md
Add SF Mono to Firefox (macOS only)

GitHub uses the following CSS font stack to display code:

font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;

Chrome will use SFMono-Regular when that font is installed locally, but Firefox will not. Workaround: Add the following CSS to your Firefox profile's userContent.css file:

@font-face {
@aade-sh
aade-sh / README.md
Created April 21, 2021 16:30 — forked from addyosmani/README.md
108 byte CSS Layout Debugger

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version