网页上中文字体一直是个难题。
系统字体,特别是微软雅黑,实在是缺乏个性,已经看得厌烦了。对于自己的一亩三分地,还是想有点新感觉。
纠结了好几天,脑子里一直在装着这个事情,最终还是觉得,统一使用Noto也就是思源系列。
优先使用等宽,这样英文、数字、代码会有一个统一的体验,然后中文回退到黑体。
也测试了下标题这些使用带衬线的宋体,最终觉得还是太杂乱,不符合一个程序员的审美:简洁、统一、单一来源。
@layer base {
body {
@apply bg-background text-foreground;
font-family: 'Noto Sans Mono', 'Noto Sans SC', system-ui, sans-serif;
}
code,
kbd {
font-family: 'Noto Sans Mono', 'Noto Sans SC', monospace;
}
.font-logo {
font-family: 'Liu Jian Mao Cao', cursive;
}
}