Mona Sans
Download Mona Sans • Typeface microsite
A strong and versatile typeface, designed together with Degarism and inspired by industrial-era grotesques. Mona Sans works well across product, web, and print. Made to work well together with Mona Sans's sidekick, Hubot Sans.
Mona Sans is a variable font. Variable fonts enable different variations of a typeface to be incorporated into one single file, and are supported by all major browsers, allowing for performance benefits and granular design control of the typeface's weight, width, and slant.
Usage
For web, we recommend using Mona Sans.woff2. Define the font with a @font-face rule, set its weight and stretch ranges, and use it:
@font-face {
font-family: 'Mona Sans';
src:
url('Mona-Sans.woff2') format('woff2 supports variations'),
url('Mona-Sans.woff2') format('woff2-variations');
font-weight: 200 900;
font-stretch: 75% 125%;
}
html {
font-family: 'Mona Sans';
}To reduce CLS, you can preload the font in the head of your document:
<link rel="preload" href="Mona-Sans.woff2" as="font" type="font/woff2" crossorigin>Styles
| Style Name | Italic Name | Weight | Width |
|---|---|---|---|
| UltraLight Condensed | UltraLight Condensed Italic | 200 | 75 |
| Light Condensed | Light Condensed Italic | 300 | 75 |
| Regular Condensed | Regular Condensed Italic | 400 | 75 |
| Medium Condensed | Medium Condensed Italic | 500 | 75 |
| SemiBold Condensed | SemiBold Condensed Italic | 600 | 75 |
| Bold Condensed | Bold Condensed Italic | 700 | 75 |
| ExtraBold Condensed | ExtraBold Condensed Italic | 800 | 75 |
| Black Condensed | Black Condensed Italic | 900 | 75 |
| UltraLight SemiCondensed | UltraLight SemiCondensed Italic | 200 | 87.5 |
| Light SemiCondensed | Light SemiCondensed Italic | 300 | 87.5 |
| Regular SemiCondensed | Regular SemiCondensed Italic | 400 | 87.5 |
| Medium SemiCondensed | Medium SemiCondensed Italic | 500 | 87.5 |
| SemiBold SemiCondensed | SemiBold SemiCondensed Italic | 600 | 87.5 |
| Bold SemiCondensed | Bold SemiCondensed Italic | 700 | 87.5 |
| ExtraBold SemiCondensed | ExtraBold SemiCondensed Italic | 800 | 87.5 |
| Black SemiCondensed | Black SemiCondensed Italic | 900 | 87.5 |
| UltraLight | UltraLight Italic | 200 | 100 |
| Light | Light Italic | 300 | 100 |
| Regular | Regular Italic | 400 | 100 |
| Medium | Medium Italic | 500 | 100 |
| SemiBold | SemiBold Italic | 600 | 100 |
| Bold | Bold Italic | 700 | 100 |
| ExtraBold | ExtraBold Italic | 800 | 100 |
| Black | Black Italic | 900 | 100 |
| UltraLight SemiExpanded | UltraLight SemiExpanded Italic | 200 | 112.5 |
| Light SemiExpanded | Light SemiExpanded Italic | 300 | 112.5 |
| Regular SemiExpanded | Regular SemiExpanded Italic | 400 | 112.5 |
| Medium SemiExpanded | Medium SemiExpanded Italic | 500 | 112.5 |
| SemiBold SemiExpanded | SemiBold SemiExpanded Italic | 600 | 112.5 |
| Bold SemiExpanded | Bold SemiExpanded Italic | 700 | 112.5 |
| ExtraBold SemiExpanded | ExtraBold SemiExpanded Italic | 800 | 112.5 |
| Black SemiExpanded | Black SemiExpanded Italic | 900 | 112.5 |
| UltraLight Expanded | UltraLight Expanded Italic | 200 | 125 |
| Light Expanded | Light Expanded Italic | 300 | 125 |
| Regular Expanded | Regular Expanded Italic | 400 | 125 |
| Medium Expanded | Medium Expanded Italic | 500 | 125 |
| SemiBold Expanded | SemiBold Expanded Italic | 600 | 125 |
| Bold Expanded | Bold Expanded Italic | 700 | 125 |
| ExtraBold Expanded | ExtraBold Expanded Italic | 800 | 125 |
| Black Expanded | Black Expanded Italic | 900 | 125 |
Stylistic sets
Mona Sans has eight stylistic sets:
| Set | Description | Example |
|---|---|---|
| ss01 | Square diacritical marks | |
| ss02 | Wide uppercase I | |
| ss03 | Lowercase l with tail | |
| ss04 | Lowercase l with top serif | |
| ss05 | Double-storey a | |
| ss06 | Double-storey g | |
| ss07 | Round G | |
| ss08 | Tabular zero with straight bar |
When using Mona Sans on the web, you can control each stylistic set with the syntax "ssXX" on/off, e.g.:
html {
font-family: 'Mona Sans';
font-feature-settings: "ss01" on, "ss03" on, "ss05" on; /* Turns on square diacritical marks, small letter L distinct from capital I, and alternative small letter g */
}Ligatures
Mona Sans comes with seven ligatures:
| Ligature | Example |
|---|---|
| ff | |
| ffi | |
| fy | |
| fi | |
| fl | |
| ti | |
| tt |
License
Mona Sans is licensed under the SIL Open Font License v1.1.
通过命令行克隆项目: