What font does Hugging Face use?

Sizes, weights and spacing by role

These are computed values from the live page, which is what the Font Inspector panel shows when you click each element.

The main font stack in the CSS:

font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

• File names such as source-sans-pro-latin-400-normal.woff2 follow the Fontsource package layout: the site installs its fonts from npm instead of linking to Google Fonts.
• The 48px headline has a line height of exactly 1.
• Charter and the KaTeX math fonts are declared for model cards and papers but are not used on the home page.

About the fonts, and whether you can use them

Finding a font does not license it. More in how to get a font you found, legally.

Get a similar look with a free font

This starter uses Source Sans 3, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Hugging Face’s brand typeface.

/* Approximates the Hugging Face look with a free font */
body {
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
  font-size: 3rem; /* 48px */
  font-weight: 700;
  line-height: 1;
}
p {
  font-size: 1rem; /* 16px */
  font-weight: 400;
  line-height: 1.5;
}

How we checked

We opened huggingface.co in Chrome on November 5, 2026 and read the computed styles of its visible text: the declared font stack, the font actually rendered, and how much of the page’s text each family sets. That is the same data the Font Inspector extension shows under Fonts on this page. We re-check these pages periodically, and the date above shows the last inspection.

Hugging Face and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Hugging Face.