- Cung cấp các CSS font stack sử dụng "phông hệ thống" của các OS hiện đại
- Vì là phông tích hợp sẵn nên không cần tải webfont, nhờ đó có thể xây dựng trang web nhanh hơn
- 15 loại kiểu chữ
- System UI : các phông UI mặc định của hệ điều hành
font-family: system-ui, sans-serif;- Trên Mac/iOS sẽ dùng San Francisco, trên Windows là Segoe UI, Android là Roboto, Linux là Ubuntu, v.v.
- Transitional : sự hài hòa giữa cũ và mới
font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
- Old Style : phông thời Phục Hưng với đặc trưng là serif bo tròn
font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
- Humanist : hình thức thư pháp hữu cơ, lấy cảm hứng từ chữ viết tay thời Phục Hưng. Dễ đọc hơn các sans-serif khác
font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
- Geometric Humanist : đặc trưng bởi độ dày nét đồng đều, thường được dùng cho headline
font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
- Classical Humanist : không kết thúc bằng serif mà hơi nở rộng tinh tế ở đầu nét
font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
- Neo-Grotesque : phong cách sans-serif phát triển từ cuối thế kỷ 19 đến đầu thế kỷ 20
font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
- Monospace Slab Serif : ký tự độ rộng cố định, đơn giản. Mô phỏng đầu ra máy đánh chữ trong báo cáo, bảng biểu và tài liệu kỹ thuật
font-family: 'Nimbus Mono PS', 'Courier New', 'Cutive Mono', monospace;
- Monospace Code : dành cho lập trình. Monospace và dễ đọc
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
- Industrial : bắt đầu từ cuối thế kỷ 19. Sans-serif đậm, hình dáng đơn giản và trực diện
font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
- Rounded Sans : bo tròn hơn nên mang cảm giác mềm mại và thân thiện hơn. Phù hợp với trẻ em
font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
- Slab Serif : serif dày và dạng khối ở phần kết thúc nét chữ
font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
- Antique : phổ biến trong thế kỷ 19. Đặc trưng bởi serif dạng khối và độ dày nét đậm, đồng đều
font-family: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
- Didone : kiểu chữ hiện đại. Nét đậm. Serif hairline không có bracketing
font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
- Handwritten : chữ viết tay
font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
1 bình luận
Trên trang GitHub, bạn có thể dễ dàng so sánh cách nó hiển thị trên từng hệ điều hành.
https://github.com/system-fonts/modern-font-stacks