Open Sans
About Open Sans
Steve Matteson merancang sans-serif humanis ini dengan tekanan tegak dan apertur terbuka yang mengutamakan keterbacaan di berbagai ukuran layar dan resolusi. Salah satu web font yang paling banyak digunakan, font ini memancarkan nada netral dan profesional yang cocok untuk teks isi, templat email, dan aplikasi web. Sumbu variabel lebar dan berat, ditambah dukungan aksara Ibrani dan Yunani, menjadikannya andalan multibahasa yang serbaguna.
Character Map
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Weight Waterfall (6)
How to Use
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;600;700;800;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;600;700;800;400&display=swap');
font-family: 'Open Sans', sans-serif;
brew install --cask font-open-sans
Details
- Category
- Sans Serif
- Style
- humanist-sans
- Weights
- 6
- Italic
- ✓
- Korea
- ✗
- Designer
- Steve Matteson
- License
- OFL
- Version
- Popularity
- #2
- Downloads
- 1
License Usage
| Web use | Allowed |
| Allowed | |
| Video / Broadcast | Allowed |
| Packaging | Allowed |
| App embedding | Allowed |
| Brand / Logo | Allowed |
| Modification | Allowed |
OFL — Free for personal & commercial use
Language Support
Best For
Similar Fonts
Typography Concepts
-
Aperture
The opening of a partially enclosed counter in letters like 'c', 'e', 's'. Wider apertures generally improve readability at small sizes.
-
Sans Serif
A typeface without serifs — 'sans' means 'without' in French. Clean, modern appearance popular in digital design.
-
Neo-grotesque
Refined sans-serif style from the 1950s with uniform strokes and neutral appearance. The dominant style in modern UI design.
-
Humanist Sans
Sans-serif typefaces inspired by Renaissance handwriting with organic stroke variation. Warmer and more readable than geometric styles.
-
Legibility
How easily individual characters can be distinguished from each other — an intrinsic quality of the typeface design itself.
-
WCAG Typography
Web Content Accessibility Guidelines as applied to text — minimum contrast ratios (4.5:1 AA, 7:1 AAA), resizable text, and no images of text.