font inspectorWhat font does TikTok use?
TikTok commissioned a typeface of its own, and later released it as open source. We inspected the logged-out For You feed, which is the product interface, not a marketing page.
Short answer: TikTok’s website uses its own typeface, TikTok Sans, which appears in the CSS as TikTokFont for interface text and TikTokDisplayFont for bold titles.
TikTok Sans
Self-hosted88.8%- CSS name
TikTokFont- Weights
- 400, 500, 600, 700
- Sizes
- 21px · 17px · 16px · 15px · 14px · 12px
- Served from
- sf16-website-login.neutral.ttwstatic.com
TikTok Sans (display cut)
Self-hosted11.2%- CSS name
TikTokDisplayFont- Weights
- 700
- Sizes
- 32px · 15px
- Served from
- sf16-website-login.neutral.ttwstatic.com
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.
| Role | Font | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| Headline | TikTok Sans | 21px | 700 | 1.5 | normal |
| Body text | TikTok Sans | 14px | 400 | 1.3 | 0.007em |
| Button | TikTok Sans | 16px | 500 | 1.31 | 0.009em |
The main font stack in the CSS:
font-family: TikTokFont, Arial, Tahoma, PingFangSC, sans-serif;- This is an app, not a poster: the largest heading in the feed is 21px.
- Small text carries a touch of positive letter spacing, which helps legibility over video.
- The stack names PingFang SC, so Chinese text falls back to the system font on Apple devices.
Check any site yourself in one click.
Sites change their type without notice. Font Inspector shows the rendered font, size, weight and spacing of any text on tiktok.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
TikTok Sans
TikTok’s custom sans serif, drawn for small sizes on phone screens, with wide language support.
Can you use it? Yes. TikTok Sans is available on Google Fonts under an open source license, so you can use it in your own projects.
On Google Fonts: TikTok Sans.
TikTok Sans (display cut)
The display cut of the same family, used in bold for titles and section labels.
Can you use it? Covered by the same family on Google Fonts.
On Google Fonts: TikTok Sans.
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 TikTok Sans, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of TikTok’s brand typeface.
/* Approximates the TikTok look with a free font */
body {
font-family: "TikTok Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 1.3125rem; /* 21px */
font-weight: 700;
line-height: 1.5;
}
p {
font-size: 0.875rem; /* 14px */
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.007em;
}How we checked
We opened tiktok.com in Chrome on September 20, 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.
TikTok and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with TikTok.
Questions & answers
What font does TikTok use on its website?
TikTok’s website uses its own typeface, TikTok Sans, which appears in the CSS as TikTokFont for interface text and TikTokDisplayFont for bold titles.
Can I use the TikTok font?
Yes. TikTok Sans is available on Google Fonts under an open source license, so you can use it in your own projects.
How can I check what font TikTok uses myself?
Open tiktok.com, then click any text with the Font Inspector extension, or right-click, choose Inspect and look at Rendered Fonts in the Computed tab. Sites change their typography, so checking the live page is the only way to be sure.