TikTok Sans

Light

300

Regular

400

Medium

500

Semi Bold

600

Bold

700

Extra Bold

800

Black

900

Characters

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
Åå
Ææ
Çç
Éé
Øø
Ññ
Üü
Žž
1234567890
‘¿?’
“!”
- – —
(&)
[*]
{@}
€£¥$¢
:;,.
<>+÷×=

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?”

Stylistic sets
Size128
Weight400
Optical size36
Width100%
Slant0

Width

font-variation-settings: 'wdth';

Shape

'wdth' 75

Shape

'wdth' 100

Shape

'wdth' 150

Slant

font-variation-settings: 'slnt';

Motion

'slnt' 0

Motion

'slnt' -3

Motion

'slnt' -6

Optical Size

font-variation-settings: 'opsz';

Optical

'opsz' 12

Optical

'opsz' 24

Optical

'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

Il0Il0

'ss06' · Disambiguation Forms

Character Variants

font-feature-settings: 'cv--';

II

'cv01'

ll

'cv02'

00

'cv03'

RЯяRЯя

'cv04'

33

'cv05'

Case Sensitive Forms

font-feature-settings: 'case';

(H)(H)
¿¡@¿¡@
«A»«A»

Loading glyphs…

Glyph name
Not available
Unicode
Not encoded
HTML code
Not available
CSS code
Not available