TikTok Sans
Light
300
Regular
400
Medium
500
Semi Bold
600
Bold
700
Extra Bold
800
Black
900
Characters
TikTok Sans was conceived to solve an aggressive optical challenge: maintaining immediate legibility while superimposed over dynamic, high-contrast, and often chaotic full-bleed video. Commissioned in 2023 and developed by TikTok’s in-house design team in collaboration with Swiss foundry Grilli Type, the face was engineered to replace the system fallbacks—such as San Francisco and Roboto—that had previously handled the platform’s interface. Rather than serving as an abstract corporate branding exercise, it was drafted as an operational screen utility tailored to the high-velocity, mobile-first viewing habits of the contemporary web.
The anatomy of the letterform is built on the rational, low-contrast chassis of the digital neo-grotesque, heavily calibrated for low-density rendering and motion video overlays. Proportions are anchored by an elevated x-height and clipped ascenders and descenders, an architecture that maximizes character presence within compact UI bounds while allowing dense, multi-line captions to stack without vertical collisions. Apertures are deliberately widened, keeping the interior chambers of glyphs such as c, e, and s open and legible against turbulent, shifting backgrounds. Stroke transitions feature subtle optical thinning at the junctions, mitigating dark pixel clusters when rasterized across lower-tier mobile displays or subjected to heavy video compression algorithms. Special attention is directed toward alphanumeric disambiguation: the capital I, lowercase l, and numeral 1 possess distinct structural markers, and the zero is carefully isolated from the capital O, ensuring that usernames, numerical counters, and short-form subtitles can be decoded at an instantaneous glance.
In functional practice, the family operates across a focused range of weights designed to survive rapid scanning. While its monolinear construction, pronounced x-height, and rigid verticality make it unsuited for continuous long-form literary reading—where its lack of modulated cadence and compact proportions would quickly tire the eye—it performs with surgical precision within its native environment. It excels in micro-UI components, data-dense app chrome, live video captions, and rapid-fire broadcast graphics. Within the broader landscape of modern screen grotesques, TikTok Sans functions as an instructive case study in platform-specific typography: an alphabet stripped of decorative pretense and engineered specifically to navigate the visual turbulence of the vertical screen.
Words
Questography
difficult waffles
Havana Plywood
Château d’Yquem
Högertrafikomläggningen
hamburgevontpids
Headlines
Light · 300
Brawny gods just flocked up to quiz and vex him
Regular · 400
Amazingly few discotheques provide jukeboxes
Medium · 500
Why shouldn’t a quixotic Kazakh vampire jog barefoot?
Semi Bold · 600
Grumpy wizards make a toxic brew for the jovial queen
Bold · 700
Jackie will budget for the most expensive zoology equipment
Extra Bold · 800
Monsieur Jack, vous dactylographiez bien mieux que votre ami Wolf
Black · 900
Jeg begynte å fortære en sandwich mens jeg kjørte taxi på vei til quiz
Paragraphs
With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”
With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”
With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”
Width
font-variation-settings: 'wdth';
'wdth' 75
'wdth' 100
'wdth' 150
Slant
font-variation-settings: 'slnt';
'slnt' 0
'slnt' -3
'slnt' -6
Optical Size
font-variation-settings: 'opsz';
'opsz' 12
'opsz' 24
'opsz' 36
Figures
1234567890
Proportional Lining (default)
1234567890
Tabular Lining: 'tnum'
1/2 3/4
Fractions: 'frac'
0
Slashed Zero: 'zero'
H123
Numerators: 'numr'
H123
Denominators: 'dnom'
H123
Subscripts: 'subs'
H123
Scientific Inferiors: 'sinf'
H123
Superscripts: 'sups'
Stylistic Sets
font-feature-settings: 'ss--';
'ss01' · Bulgarian Forms
'ss02' · Serbian/Macedonian Forms
'ss06' · Disambiguation Forms
Character Variants
font-feature-settings: 'cv--';
'cv01'
'cv02'
'cv03'
'cv04'
'cv05'
Case Sensitive Forms
font-feature-settings: 'case';
Loading glyphs…
- Glyph name
- Not available
- Unicode
- Not encoded
- HTML code
- Not available
- CSS code
- Not available