Source Sans 3
Pairingsans-serif
CompareChanges every specimen on this page
Use-case scenarios
Large Display
The quick brown fox jumps over the lazy dog
Typography Scale
Heading 1 (48px)
The quick brown fox jumps over the lazy dog
Heading 2 (36px)
The quick brown fox jumps over the lazy dog
Heading 3 (24px)
The quick brown fox jumps over the lazy dog
Body Text (16px)
The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.
Small Text (14px)
The quick brown fox jumps over the lazy dog
Install Tenor Sans
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Tenor+Sans:wght@400&display=swap" rel="stylesheet">Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Works well with
Fonts that pair well with Tenor Sans.
Font family
Tenor Sans
Description
Elegant display font adding personality, best used for headlines
Source
googleOpen Font License
Font weights
Use cases
editorial-publishingdisplay-headline
Stats
Popularity 74/100
React Native ready
Performance: standard
npm · @fontsource/tenor-sansCharacteristics
- Contrast
- low
- Aperture
- open
- x-Height
- medium
- Width
- normal
distinctivereadablehistorical
Paid alternatives
Tenor Sans is an open-source alternative to:
- Optima
- Gill Sans