Poppins

Classification

Geometric Sans

Font Technology

Static font
9 weights, 2 styles

How To Use Poppins

To use Poppins 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 Poppins
@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-Thin.ttf') format(woff2);
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-ExtraLight.ttf') format(woff2);
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-Light.ttf') format(woff2);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-Regular.ttf') format(woff2);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-Medium.ttf') format(woff2);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-SemiBold.ttf') format(woff2);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-Bold.ttf') format(woff2);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-ExtraBold.ttf') format(woff2);
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-Black.ttf') format(woff2);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-ThinItalic.ttf') format(woff2);
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-ExtraLightItalic.ttf') format(woff2);
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-LightItalic.ttf') format(woff2);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-Italic.ttf') format(woff2);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-MediumItalic.ttf') format(woff2);
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-SemiBoldItalic.ttf') format(woff2);
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-BoldItalic.ttf') format(woff2);
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-ExtraBoldItalic.ttf') format(woff2);
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('<YOUR SERVER PATH>Poppins-BlackItalic.ttf') format(woff2);
  font-weight: 900;
  font-style: italic;
}

Description

Geometric sans serif typefaces have always been popular, and with support for both the Devanagari and Latin writing systems, Poppins is an internationalist addition to the genre. Many of the Latin glyphs (such as the ampersand) are more constructed and rationalist than is typical. The Devanagari design was particularly novel when it was first published in 2015, and was the first ever Devanagari typeface with a range of weights in this genre. Just like the Latin, the Devanagari is based on pure geometry, particularly circles. Each letterform is nearly monolinear, with optical corrections applied to stroke joints where necessary to maintain an even typographic color. The Devanagari base character height and the Latin ascender height are equal; Latin capital letters are shorter than the Devanagari characters, and the Latin x-height is set rather high. The project was developed by Indian Type Foundry (ITF). The Devanagari was initially designed by Ninad Kale, while the Latin was initially designed by Jonny Pinhorn. Following their principal phase of designing the first 5 styles, the typeface was later refined, and expanded to include multiple weights and italics, by the ITF studio team. To contribute, see github.com/itfoundry/poppins

Designer

Indian Type Foundry, Jonny Pinhorn, Ninad Kale

Copyright

Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)

OpenType Features

Stylistic set 1
Stylistic set 2
Stylistic set 3
Stylistic set 4

Related Fonts

Momo Trust Sans
Plus Jakarta Sans
Tourney
Cal Sans
Instrument Sans
Reem Kufi
Tomorrow
Afacad Flux
Reem Kufi Ink
Reem Kufi Fun
Poppins 100
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 200
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 300
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 500
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 600
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 700
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 800
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 900
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 100italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 200italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 300italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 500italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 600italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 700italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 800italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9
Poppins 900italic
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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Stylistic set 1:
Square dots in punctuation marks
default css
font-feature-settings: "ss01" 1
!
!
,
,
.
.
:
:
;
;
?
?
¡
¡
·
·
¿
¿
÷
÷
‘
‘
’
’
“
“
”
”
…
…
Stylistic set 2:
Double-storey a
default css
font-feature-settings: "ss02" 1
a
a
à
à
á
á
â
â
ã
ã
ä
ä
å
å
ā
ā
ă
ă
ą
ą
Stylistic set 3:
Alternative ampersand
default css
font-feature-settings: "ss03" 1
&
&
Stylistic set 4:
Alternative 2, 3, 6, 9
default css
font-feature-settings: "ss04" 1
2
2
3
3
6
6
9
9