Pro-regular Font | Sf

If you have a Mac, SF Pro is installed automatically. On Windows/Linux, you cannot legally download or use SF Pro outside of an Apple development environment (Xcode / macOS).

SF Pro (San Francisco) is Apple’s system typeface used across iOS, macOS, watchOS, and tvOS. The Regular weight is the backbone of the family: neutral, highly legible, and designed to work well at both UI text sizes and larger display uses. This post explains what makes SF Pro Regular useful, how to use it effectively, and practical tips for typography in digital products.

You cannot self‑host SF Pro. Instead, use the system fallback stack that will render SF Pro on Apple devices and appropriate alternatives elsewhere:

body 
    font-family: 
        -apple-system, 
        BlinkMacSystemFont, 
        "Segoe UI", 
        Roboto, 
        "Helvetica Neue", 
        Arial, 
        sans-serif;
    font-weight: 400;
/* For SF Pro Text (small) */
.text-small 
font-family: -apple-system, BlinkMacSystemFont, ...;
 sf pro-regular font
/* For SF Pro Display (large) */
.large-title 
font-family: -apple-system, BlinkMacSystemFont, ...;

While you cannot install system fonts on iOS, you can use SF Pro-Regular in any text field natively. To use it in third-party apps like Pages or Procreate: If you have a Mac, SF Pro is installed automatically

You can evoke the look of SF Pro-Regular on any website without downloading fonts, using the native system-ui stack.

body 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400; /* Maps to SF Pro-Regular on Apple devices */
  font-style: normal;

On an iPhone or Mac, this CSS renders exactly the same glyphs as SF Pro-Regular. On Windows, it falls back to Segoe UI; on Android, to Roboto. This is the gold standard for responsive typography.

If you are a registered Apple Developer or own a Mac, you can legally obtain the official SF Pro-Regular font. /* For SF Pro Display (large) */

If you need to install the font on your computer to use in design tools like Figma, Photoshop, or Illustrator, you must download it officially from Apple.

Note: While the license technically restricts usage to Apple ecosystem development, many designers use this official download method for mockups.