Open Sans
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
Acerca de Open Sans
Steve Matteson crafted this humanist sans-serif with upright stress and open apertures that prioritize legibility across screen sizes and resolutions. One of the most-deployed web fonts ever published, it strikes a neutral, professional tone well-suited to body copy, email templates, and web applications. Variable width and weight axes, plus Hebrew and Greek script support, make it a versatile multilingual workhorse.
Design Analysis
Open Sans is a humanist sans-serif with upright stress and open apertures designed for optimal legibility across print and digital media. Its letterforms are rooted in neutral clarity, with a tall x-height and generous counters that perform well at small sizes. The family spans five weights with matching italics, providing versatile typographic range.
Recommended Use Cases
A reliable choice for body text in corporate websites, documentation, and email templates where cross-platform consistency matters. Pairs effectively with serif faces like Merriweather for editorial layouts.
Mapa de caracteres
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Cascada de pesos (6)
Cómo usar
<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
Detalles
- Categoría
- Sans Serif
- Estilo
- humanist-sans
- Pesos
- 6
- Cursiva
- ✓
- Coreano
- ✗
- Diseñador
- Steve Matteson
- Licencia
- OFL
- Versión
- Popularidad
- #2
- Descargas
- 192
Uso de licencia
| Uso web | Permitido |
| Impresión | Permitido |
| Video / Emisión | Permitido |
| Empaque | Permitido |
| Inserción en apps | Permitido |
| Marca / Logo | Permitido |
| Modificación | Permitido |
OFL — Gratis para uso personal y comercial
Soporte de idiomas
Ideal para
Fuentes similares
Comparar
Conceptos tipográficos
-
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.