Mona SansGitHub 开源的无衬线字体
Mona Sans 是 GitHub 开源的无衬线字体，采用 Degarism 设计，灵感来自工业时代的怪兽。Mona Sans 在产品、web 和印刷品上都表现出色。
Mona Sans 是一种可变字体。可变字体可以将一个字体的不同变化纳入一个单一的文件中，并得到所有主要浏览器的支持，从而实现性能优势和对字体粗细、宽度和倾斜度的精细设计控制。
用法
对于 Web，建议使用 Mona Sans.woff2. 用 @font-face规则定义字体，设置它的字重和拉伸范围，然后使用它。
@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';
}
为了减少 CLS，你可以在文档的 head 预载字体。
<link rel="preload" href="Mona-Sans.woff2" as="font" type="font/woff2" crossorigin>
评论