Roboto Slab

Classification

Font Technology

Variable Font with 1 axis

Weight (wght): 100–900

How To Use Roboto Slab

To use Roboto Slab in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.

Download Roboto Slab

@font-face {
  font-family: 'Roboto Slab';
  src: url('<YOUR SERVER PATH>RobotoSlab[wght].ttf') format(woff2);
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: normal;
}

Description

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types. This is the Roboto Slab family, which can be used alongside the normal Roboto family and the Roboto Condensed family. In November 2019, the family was updated with a variable font "Weight" axis. To contribute, see github.com/googlefonts/robotoslab .

Designer

Christian Robertson

Copyright

OpenType Features

Caps to small caps

Discretionary ligatures

Fractions

Standard ligatures

Lining figures

Ordinals

Small caps

Stylistic set 1

Stylistic set 3

Stylistic set 4

Stylistic set 5

Superscript

Related Fonts

Stint Ultra Condensed

Font Size

Weight

Roboto Slab regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.

, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™

Numerals

lining-nums;

0123456789 0123456789

Arbitrary Fractions

diagonal-fractions

1/2 1/3 2/3 3/4 5/8 15/16 1234/5678

Small caps

small-caps

abcdefghijklmnopqrstuvwxyz

Caps to small caps

'c2sc' 1

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Discretionary ligatures

default css
font-feature-settings: "dlig" 1

ffi

ffl

Fractions

default css
font-feature-settings: "frac" 1

1/8

1/4

1/2

3/8

3/4

5/8

7/8

Standard ligatures

font-variant-ligatures: none
font-feature-settings: "liga" 1

Ordinals

default css
font-feature-settings: "ordn" 1

No.

Stylistic set 1:

ss01

default css
font-feature-settings: "ss01" 1

Stylistic set 3:

ss03

default css
font-feature-settings: "ss03" 1

Stylistic set 4:

ss04

default css
font-feature-settings: "ss04" 1

Stylistic set 5:

ss05

default css
font-feature-settings: "ss05" 1