Unduh Mona Sans • Microsite Typeface
Jenis huruf yang kuat dan serbaguna, dirancang bersama dengan degarisme dan terinspirasi oleh grotesques era industri. Mona Sans bekerja dengan baik di seluruh produk, web, dan cetak. Dibuat untuk bekerja dengan baik bersama dengan sahabat karib Mona Sans, Hubot Sans.
Mona Sans adalah font variabel. Font variabel memungkinkan variasi jenis huruf yang berbeda untuk dimasukkan ke dalam satu file tunggal, dan didukung oleh semua browser utama, memungkinkan manfaat kinerja dan kontrol desain granular dari bobot, lebar, dan miring jenis huruf.

Untuk web, kami sarankan menggunakan Mona Sans.woff2 . Tentukan font dengan aturan @font-face , atur bobot dan peregangan rentang, dan gunakan:
@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' ;
} Untuk mengurangi CLS, Anda dapat memuat font di head dokumen Anda:
< link rel =" preload " href =" Mona-Sans.woff2 " as =" font " type =" font/woff2 " crossorigin > | Nama gaya | Nama miring | Berat | Lebar |
|---|---|---|---|
| Ultralight sempit | Ultralight Sempit Miring | 200 | 75 |
| Ringan sempit | Miring sempit ringan | 300 | 75 |
| Sempit biasa | Miring sempit reguler | 400 | 75 |
| Medium sempit | Miring sempit sedang | 500 | 75 |
| Semibold sempit | Setengah miring sempit | 600 | 75 |
| Tebal sempit | Miring sempit tebal | 700 | 75 |
| Ekstrabold sempit | Ekstrabold miring sempit | 800 | 75 |
| Hitam sempit | Black sempit miring | 900 | 75 |
| Ultralight | Ultralight Italic | 200 | 100 |
| Lampu | Cahaya miring | 300 | 100 |
| Biasa | Miring biasa | 400 | 100 |
| Sedang | Miring sedang | 500 | 100 |
| Semibold | Italic semibold | 600 | 100 |
| Berani | Miring tebal | 700 | 100 |
| Ekstrabold | Miring ekstrabold | 800 | 100 |
| Hitam | Miring hitam | 900 | 100 |
| Ultralight Wide | Miring lebar ultralight | 200 | 125 |
| Ringan lebar | Miring lebar ringan | 300 | 125 |
| Lebar biasa | Miring lebar biasa | 400 | 125 |
| Sedang lebar | Miring lebar sedang | 500 | 125 |
| SEMIBOLD Wide | SEMIBOLD Wide Italic | 600 | 125 |
| Lebar tebal | Miring lebar tebal | 700 | 125 |
| Ekstrabold lebar | Miring lebar ekstrabold | 800 | 125 |
| Black Wide | Black Wide Italic | 900 | 125 |
Mona Sans memiliki delapan set gaya:
| Mengatur | Keterangan | Contoh |
|---|---|---|
| SS01 | Tanda diakritik persegi | |
| SS02 | Huruf besar i | |
| SS03 | Huruf kecil dengan ekor | |
| SS04 | Huruf kecil dengan serif teratas | |
| SS05 | Double-store a | |
| SS06 | Double-store g | |
| SS07 | Putaran g | |
| SS08 | Tabular Zero dengan batang lurus |
Saat menggunakan mona sans di web, Anda dapat mengontrol setiap set gaya dengan sintaks "ssXX" on/off , misalnya:
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 */
}Mona Sans hadir dengan tujuh ligatur:
| Pengikat | Contoh |
|---|---|
| ff | |
| ffi | |
| TA | |
| fi | |
| fl | |
| ti | |
| tt |
Mona Sans dilisensikan di bawah lisensi font terbuka SIL v1.1.