TikTok Sans

Try TikTok Sans

Weights and styles

• Light 300TikTok Sans Light
• Regular 400TikTok Sans Regular
• Medium 500TikTok Sans Medium
• SemiBold 600TikTok Sans SemiBold
• Bold 700TikTok Sans Bold
• ExtraBold 800TikTok Sans ExtraBold
• Black 900TikTok Sans Black

TikTok Sans is a variable font: the download holds the whole weight range in one file, and the named weights above are positions on that range. There is no separate italic file: slanted styles are set with the Slant axis.

About TikTok Sans

TikTok Sans is a grotesque-style sans serif delivered as one variable file with four axes. Weight runs from Light 300 to Black 900 in seven named steps. Width runs from 75 to 150, from condensed to expanded. Optical size runs from 12 to 36, and a slant axis leans the letters by up to 6 degrees, standing in for a separate italic; counting upright and slanted versions of each weight gives 14 styles. In the specimen the letterforms are plain and closely spaced: curves that close in on a, c, e and s, a double-storey a, flat horizontal terminals, straight-sided numerals and straight, untapered quotation marks. The font holds 1,178 glyphs covering Latin, Latin Extended, Cyrillic, Greek and Vietnamese. Grilli Type, Contrast Foundry and Type Network are credited as designers, and the copyright notice names TikTok Inc. The license is the SIL Open Font License 1.1.

Where TikTok Sans works

App and product interfaces

The optical size axis from 12 to 36 adjusts the letters for small labels and for larger headings in the same interface.

Captions over video

Narrowing the width toward 75 fits a long caption on a phone screen, and the heavy end of the weight axis keeps it visible over footage.

Expanded headlines

Width values up to 150 stretch a short title across a banner without switching family.

Interfaces in several scripts

Latin, Cyrillic, Greek and Vietnamese character sets let one font serve several language versions.

Brand systems from one file

Fourteen named styles and continuous axes come from a single variable font.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Vietnamese
• Russian
• Ukrainian
• Bulgarian
• Greek

Writing systems with glyphs in the family besides Latin: Cyrillic, Greek. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with TikTok Sans

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use TikTok Sans on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "TikTok Sans";
  src: url("/assets/fonts/TikTokSans-VariableFont_opsz%2Cslnt%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "TikTok Sans", sans-serif;
}

Or load it from the official source. Google Fonts serves TikTok Sans with this markup:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=TikTok+Sans:wght@300..900&display=swap" rel="stylesheet">

Things to know

Slanted, not a separate italic

Italic styles come from the slant axis, which runs from 0 to -6. There is no separately drawn italic file.

Lightest weight is 300

The weight axis starts at Light 300; there are no Thin or ExtraLight weights.

Check the defaults

The file's default instance is weight 300 at optical size 36, so set the weight you need explicitly.

FAQs

Collections with TikTok Sans

• Variable fonts with an optical size axis

  Variable families that redraw themselves for the size they are set at: sturdier and looser when small, finer and tighter when large.

Similar fonts

Other families in the same classification, ordered by shared use tags. All sans serif fonts