- Menyediakan CSS stack font yang menggunakan 'font sistem' dari OS modern
- Karena menggunakan font bawaan, tidak perlu mengunduh webfont sehingga halaman web bisa dimuat lebih cepat
- 15 jenis tipografi
- System UI : font UI bawaan dari OS
font-family: system-ui, sans-serif;- Menggunakan San Francisco di Mac/iOS, Segoe UI di Windows, Roboto di Android, Ubuntu di Linux, dan sebagainya
- Transitional : perpaduan antara gaya lama dan baru
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
- Old Style : font era Renaisans yang ditandai dengan serif membulat
font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
- Humanist : bentuk kaligrafi yang organik, terinspirasi dari tulisan tangan era Renaisans. Lebih mudah dibaca dibanding sans-serif lain
font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
- Geometric Humanist : berciri lebar goresan yang seragam dan sering dipakai untuk headline
font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
- Classical Humanist : tidak berakhir dengan serif, tetapi sedikit melebar di ujung goresan
font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
- Neo-Grotesque : gaya sans-serif yang berkembang pada akhir abad ke-19 hingga awal abad ke-20
font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
- Monospace Slab Serif : karakter berlebar tetap. Sederhana. Meniru keluaran mesin tik untuk laporan, tabel, dan dokumen teknis
font-family: 'Nimbus Mono PS', 'Courier New', 'Cutive Mono', monospace;
- Monospace Code : untuk pemrograman. Monospace dan mudah dibaca
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
- Industrial : dimulai pada akhir abad ke-19. Sans-serif tebal dengan bentuk sederhana dan lugas
font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
- Rounded Sans : lengkung membulat yang memberi kesan lebih lembut dan ramah. Cocok untuk anak-anak
font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
- Slab Serif : serif tebal dan berbentuk blok di ujung huruf
font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
- Antique : populer pada abad ke-19. Ditandai serif seperti blok dan ketebalan goresan yang tebal serta seragam
font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
- Didone : tipografi modern. Goresan tebal. Serif tipis tanpa bracketing
font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
- Handwritten : tulisan tangan
font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
1 komentar
Di halaman GitHub, kita bisa dengan mudah membandingkan bagaimana tampilannya di masing-masing OS.
https://github.com/system-fonts/modern-font-stacks