Open Sans
About Open Sans
Steve Mattesonが制作したこのヒューマニストサンセリフは、直立したストレスとオープンなアパーチャーにより、あらゆるスクリーンサイズと解像度での可読性を優先しています。これまでに公開されたウェブフォントの中で最も広く展開されているもののひとつで、ボディコピー、メールテンプレート、ウェブアプリケーションに適した中立的でプロフェッショナルなトーンを持ちます。バリアブルの幅とウェイト軸に加え、ヘブライ文字とギリシャ文字のスクリプトサポートにより、多言語対応の汎用書体として機能します。
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
- ✓
- 韓国語
- ✗
- 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.