Petrona

Classification

Font Technology

Variable Font with 1 axis
Weight (wght): 100–900

How To Use Petrona

To use Petrona 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.
@font-face {
  font-family: 'Petrona';
  src: url('<YOUR SERVER PATH>Petrona[wght].ttf') format(woff2);
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: normal;
}

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

Description

Petrona’s personality is an answer to how many characteristics can be added to a typeface without undermining its purpose within the text-type genre. Petrona playfully maneuvers plenty of personal touches, without losing the essence of a design intended for legibility in digital and print media, from headlines to body text. Uppercase glyphs have heavy asymmetric serifs and arms with inverted angles, which combine with lowercase designs that share a big x-height, pronounced ascenders, and soft curves of low stroke contrast. First published in Google Fonts in November 2011 as a single style Roman design, it was completely redrawn in 2019 and 2020. It has evolved, and now offers a comprehensive range of weights, a complete set of corresponding italics, and an extended glyph set that supports over 200 Latin languages. A full set of small caps, plus ligatures, alternates, and all kinds of numerals, fractions, punctuations, symbols, and currencies are included. As a variable font, it has a Weight axis in both the roman and italic files. The previous swashy Q is still available, found in Stylistic Set 1. It is now a typeface that supplies everything needed for fine text typography. The Petrona project is led by Ringo R. Seeber from Glyph Co, based in Brooklyn, NY. To contribute, please visit github.com/RingoSeeber/Petrona

Designer

Ringo R. Seeber
Ringo R. Seeber is a designer and typographer based in NYC and DC, with broad interests in symbolic systems, publications, and identity. He is the founder of the design agency Glyph Co, aka Glyph NYC, and is driving the project Human Type.

Copyright

Copyright 2019 The Petrona Project Authors (https://github.com/RingoSeeber/Petrona)

OpenType Features

Related Fonts

Petrona 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
oldstyle-nums
tabular-nums
0123456789 0123456789
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
Th
Th
ch
ch
ct
ct
fb
fb
st
st
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
ffi
ffi
ffl
ffl
ff
ff
fi
fi
fl
fl
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Stylistic alternates
default css
font-feature-settings: "salt" 1
Q
Q
Stylistic set 1
default css
font-feature-settings: "ss01" 1
Q
Q
Tabular numbers
default css
font-feature-settings: "tnum" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0
Petrona 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.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Numerals
oldstyle-nums
tabular-nums
0123456789 0123456789
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
Th
Th
ch
ch
ct
ct
st
st
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
ffi
ffi
ffl
ffl
ff
ff
fi
fi
fl
fl
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Stylistic alternates
default css
font-feature-settings: "salt" 1
Q
Q
&
&
Stylistic set 1
default css
font-feature-settings: "ss01" 1
Q
Q
&
&
Tabular numbers
default css
font-feature-settings: "tnum" 1
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0