Open Sans

Classification

Humanist Sans
Neo Grotesque Sans

Font Technology

Variable Font with 2 axes
Width (wdth): 75–100
Weight (wght): 300–800

How To Use Open Sans

To use Open Sans 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 Open Sans
@font-face {
  font-family: 'Open Sans';
  src: url('<YOUR SERVER PATH>OpenSans[wdth,wght].ttf') format(woff2);
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('<YOUR SERVER PATH>OpenSans-Italic[wdth,wght].ttf') format(woff2);
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-style: italic;
}

Description

Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. This version contains the complete 897 character set, which includes the standard ISO Latin 1, Latin CE, Greek and Cyrillic character sets. Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms. In March 2021, the family has been updated to a variable font family and it also includes Hebrew, and unified and simplified the licensing under OFL. To contribute, see github.com/googlefonts/opensans

Designer

Steve Matteson
Steve Matteson is a typeface designer based in Louisville, CO. Owner of Matteson Typographics and formerly Type Director for Monotype and Ascender Corp. Steve is an avid cyclist, musician and letterpress printer.

Copyright

Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)

OpenType Features

Fractions
Standard ligatures
Oldstyle figures
Proportional numbers
Stylistic alternates
Stylistic set 1
Stylistic set 2
Stylistic set 3
Stylistic set 4
Subscript
Superscript
Slashed Zero

Related Fonts

Gothic A1
TASA Explorer
Mada
Ropa Sans
Fira Code
Fira Mono
Commissioner
Intel One Mono
Sometype Mono
Source Code Pro
Open Sans 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
proportional-nums
0123456789 0123456789
0123456789 0123456789
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
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
Stylistic alternates
default css
font-feature-settings: "salt" 1
g
g
ĝ
ĝ
ğ
ğ
ġ
ġ
ģ
ģ
I
I
J
J
Ì
Ì
Í
Í
Î
Î
Ï
Ï
Ĩ
Ĩ
Ī
Ī
Ĭ
Ĭ
Į
Į
İ
İ
IJ
IJ
Ĵ
Ĵ
Ί
Ί
Ι
Ι
Ϊ
Ϊ
І
І
Ї
Ї
Ј
Ј
Ӏ
Ӏ
ӏ
ӏ
Ỉ
Ỉ
Ị
Ị
Stylistic set 1
default css
font-feature-settings: "ss01" 1
g
g
ĝ
ĝ
ğ
ğ
ġ
ġ
ģ
ģ
I
I
J
J
Ì
Ì
Í
Í
Î
Î
Ï
Ï
Ĩ
Ĩ
Ī
Ī
Ĭ
Ĭ
Į
Į
İ
İ
IJ
IJ
Ĵ
Ĵ
Ί
Ί
Ι
Ι
Ϊ
Ϊ
І
І
Ї
Ї
Ј
Ј
Ӏ
Ӏ
ӏ
ӏ
Ỉ
Ỉ
Ị
Ị
Stylistic set 2
default css
font-feature-settings: "ss02" 1
g
g
ĝ
ĝ
ğ
ğ
ġ
ġ
ģ
ģ
Stylistic set 3
default css
font-feature-settings: "ss03" 1
I
I
J
J
Ì
Ì
Í
Í
Î
Î
Ï
Ï
Ĩ
Ĩ
Ī
Ī
Ĭ
Ĭ
Į
Į
İ
İ
IJ
IJ
Ĵ
Ĵ
Ί
Ί
Ι
Ι
Ϊ
Ϊ
І
І
Ї
Ї
Ј
Ј
Ӏ
Ӏ
ӏ
ӏ
Ỉ
Ỉ
Ị
Ị
Stylistic set 4
default css
font-feature-settings: "ss04" 1
ƒ
ƒ
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0
Open Sans 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
proportional-nums
0123456789 0123456789
0123456789 0123456789
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
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
Stylistic alternates
default css
font-feature-settings: "salt" 1
g
g
ĝ
ĝ
ğ
ğ
ġ
ġ
ģ
ģ
I
I
J
J
Ì
Ì
Í
Í
Î
Î
Ï
Ï
Ĩ
Ĩ
Ī
Ī
Ĭ
Ĭ
Į
Į
İ
İ
IJ
IJ
Ĵ
Ĵ
Ί
Ί
Ι
Ι
Ϊ
Ϊ
І
І
Ї
Ї
Ј
Ј
Ӏ
Ӏ
ӏ
ӏ
Ỉ
Ỉ
Ị
Ị
Stylistic set 1
default css
font-feature-settings: "ss01" 1
g
g
ĝ
ĝ
ğ
ğ
ġ
ġ
ģ
ģ
I
I
J
J
Ì
Ì
Í
Í
Î
Î
Ï
Ï
Ĩ
Ĩ
Ī
Ī
Ĭ
Ĭ
Į
Į
İ
İ
IJ
IJ
Ĵ
Ĵ
Ί
Ί
Ι
Ι
Ϊ
Ϊ
І
І
Ї
Ї
Ј
Ј
Ӏ
Ӏ
ӏ
ӏ
Ỉ
Ỉ
Ị
Ị
Stylistic set 2
default css
font-feature-settings: "ss02" 1
g
g
ĝ
ĝ
ğ
ğ
ġ
ġ
ģ
ģ
Stylistic set 3
default css
font-feature-settings: "ss03" 1
I
I
J
J
Ì
Ì
Í
Í
Î
Î
Ï
Ï
Ĩ
Ĩ
Ī
Ī
Ĭ
Ĭ
Į
Į
İ
İ
IJ
IJ
Ĵ
Ĵ
Ί
Ί
Ι
Ι
Ϊ
Ϊ
І
І
Ї
Ї
Ј
Ј
Ӏ
Ӏ
ӏ
ӏ
Ỉ
Ỉ
Ị
Ị
Stylistic set 4
default css
font-feature-settings: "ss04" 1
ƒ
ƒ
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0