Plus Jakarta Sans

14 styles · Variable
Google Fonts ↗

A fresh geometric sans first commissioned for the city of Jakarta.

Designer
Tokotype — Gumpita Rahayu
Styles
14 (variable)
Weights
200–800
Format
woff2
File size
27 KB (plus-jakarta-sans-latin-wght-normal.woff2)
Licence
SIL Open Font License 1.1
Source
Google Fonts
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 &!?

Usage

Add the stylesheet to your page, then use the family in your CSS.

<!-- HTML in your document's head -->
<link rel="preconnect" href="https://cdn.msar.me">
<link rel="stylesheet" href="https://cdn.msar.me/fonts/plus-jakarta-sans/font.css">
/* CSS */
:root { font-family: 'Plus Jakarta Sans Variable', sans-serif; }

Prefer CSS? @import url('https://cdn.msar.me/fonts/plus-jakarta-sans/font.css'); does the same thing.

Click the text to type your own

Letterforms that carry the story

Styles

ExtraLight200

Morning by the river

Light300

Quiet letterforms

Regular400

Stories for a grey day

Medium500

Light inside the words

SemiBold600

The smell of old books

Bold700

A city after rain

ExtraBold800

Set letter by letter

ExtraLight Italic200

Travellers on a long road

Light Italic300

Paper boats afloat

Regular Italic400

First star of the evening

Medium Italic500

Morning by the river

SemiBold Italic600

Quiet letterforms

Bold Italic700

Stories for a grey day

ExtraBold Italic800

Light inside the words

Sample text

Type on a screen has one job before any other: to get out of the reader’s way. A good headline face earns attention in a few words, then hands the reader on to the text without a jolt. Weight, contrast and spacing do that work quietly, long before anyone notices the shapes themselves.

Serving a font well matters as much as drawing it well. A small file, a long cache lifetime and a stylesheet that swaps in without hiding the text are the difference between a page that reads at once and one that makes people wait.

Glyphs 224 characters

!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿĂıŒœˆ˚˜̣̀́̃̄̈̉–—‘’‚“”„•…′″‹›⁄€™↑↓−∕￿