User profile picture

Reddit San Francisco Webfont

@reddit_san_francisco_webfont
  • reddit_san_francisco_webfont
  • README.md

reddit_san_francisco_webfont

A stylesheet that forces the entire Reddit website to render in Apple's system typeface, San Francisco.

The stylesheet defaults to the macOS system version of San Francisco, but also falls back to webfonts (the same one used on apple.com for other OSes. However, the monospaced SF Mono is unavailable as a macOS system font from CSS, so it always uses the webfont version for Reddit code blocks.

The stylesheet is originally written in LESS, so open the style.less file to view the unminified and commented stylesheet.

How to use:

  • Install Reddit Enhancement Suite

  • In the RES settings, go to Appearance → Stylesheet Loader (or click here: https://www.reddit.com/#res:settings/stylesheet)

  • In the Load Stylesheets section, use this URL: https://reddit_san_francisco_webfont.gitlab.io/reddit_san_francisco_webfont/style.css

  • For applyTo select Everywhere (or fully customize which subreddit you want to appear in San Francisco.)

  • Hit Save Options in the top right, and you're good!

Alternatively, you could use something like Tampermonkey to load the stylesheet onto Reddit pages.

Bugs

If you find any mis-renderings or incompatibilities, please open an issue (and if possible, include a screenshot.) I did my best to make sure this stylesheet wouldn't overwrite any webfont-based icons, and checked it on a wide variety of subreddits that use their own custom stylesheets to make sure there wouldn't be any incompatibilities, but it's entirely possible I've missed some.

Activity

View all
Loading
There was an error loading users activity calendar.
  • Loading

Personal projects

View all
  • Loading
Loading

Info

Member since September 14, 2018