The typeface on huggingface.co is Source Sans Pro, KaTeX_Main and KaTeX_SansSerif, loaded across 155 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.
Primary font
Source Sans Pro
Total weights
6
@font-face
155
Source
Mixed
Source Sans Pro
Google Fonts
The quick brown fox jumps over the lazy dog
Weights loaded (6)
200Typography sets the voice of a brand
300Typography sets the voice of a brand
400Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand
900Typography sets the voice of a brand
CSS to use Source Sans Pro
font-family: 'Source Sans Pro', Georgia, 'Times New Roman', serif;
Get Font Info inspected the homepage of huggingface.co and parsed 5 stylesheets totalling 910.4 KB. Inside those stylesheets we found 155 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 66 CSS rules reference them across the page.
Check the font on a specific element
Open the live inspector and hover any text on huggingface.co to see the exact font, weight, size and line-height for that element.
huggingface.co uses Source Sans Pro, KaTeX_Main and KaTeX_SansSerif as its primary typefaces. These fonts are loaded from Google Fonts and a self-hosted webfont and applied across 66 CSS rules on the homepage.
Where does huggingface.co load its fonts from?
huggingface.co loads its fonts from Google Fonts and a self-hosted webfont. Get Font Info detected 155 @font-face declarations across 5 stylesheets on the live page.
What weights of Source Sans Pro does huggingface.co use?
huggingface.co loads Source Sans Pro in 6 weights: 200, 300, 400, 600, 700, 900. If you want to match the look, request the same weights from your font host so you only ship what's actually used.
Can I use the same font as huggingface.co on my website?
Yes — once you know the font name, you can load it from the same source. If Source Sans Pro isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Source Sans 3, Inter and IBM Plex Sans. Use the CSS snippet on this page as a starting point.
Is the font on huggingface.co free to use?
At least one of these fonts is served from Google Fonts, which is free to use under the SIL Open Font License. Self-hosted webfonts may have their own licensing — check the foundry's license before using them on a commercial project.
See fonts used by other sites
Compare the typography on huggingface.co with how other well-known sites load and use their fonts.
This page lists the fonts loaded by the homepage of huggingface.co. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.