Free fonts similar to SF Mono

The alternatives in detail

How to recognize SF Mono

Designed in-house by Apple and introduced in 2016 as the monospaced member of the San Francisco family. It is used in Xcode and Terminal.

• The CSS says ui-monospace or SFMono-Regular at the start of a long monospace stack.
• The same compact, slightly squared curves and flat stroke endings as SF Pro.
• A slashed zero and a wide range of weights, from light to heavy.

In a site’s CSS it may appear as SFMono-Regular, SF Mono Regular, ui-monospace, San Francisco Mono. Not sure what you are looking at? Identify the font on the live page first.

Is SF Mono free?

Apple offers it as a free download for developers, but the license only covers mock-ups of software interfaces for Apple platforms. It cannot be embedded as a web font. Websites get it on Apple devices by asking for ui-monospace or SFMono-Regular in the font stack.

The alternatives on this page are open source, so you can use them on commercial sites, self-host the files and ship them in products. Read more in font licensing in plain English.

Use JetBrains Mono in your CSS

Put the free font first and keep sensible fallbacks behind it. Self-hosting the files is the most private and usually the fastest option.

@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

body {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}