Typography
Headers
Motor WEB
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Motor
Weight: 400
Style: Normal
Weight: 400
Style: Normal
Usage:
HTML
<link href="https://yourtypekitlink.here/font.css" rel="stylesheet">
JS IMPORT
@import url('https://yourtypekitlink.here/font.css');
CSS
font-family: motor, monospace;
Motor-Stencil WEB
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Motor-Stencil
Weight: 400
Style: Normal
Weight: 400
Style: Normal
Motor has a stencil version that can be used for any metal stamped installations.
Usage:
HTML
<link href="https://yourtypekitlink.here/font.css" rel="stylesheet">
JS IMPORT
@import url('https://yourtypekitlink.here/font.css');
CSS
font-family: motor-stencil, sans-serif;
Body Copy
Lekton WEB
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Lekton
Weight: 400
Style: Normal
Weight: 400
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Lekton
Weight: 400
Style: Italic
Weight: 400
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Lekton
Weight: 700
Style: Normal
Weight: 700
Style: Normal
Usage:
HTML
<link href="https://fonts.googleapis.com/css?family=Lekton:400,400i,700" rel="stylesheet">
JS IMPORT
@import url('https://fonts.googleapis.com/css?family=Lekton:400,400i,700');
CSS
font-family: 'Lekton', sans-serif;