Serif 和 Sans-Serif
衬线(Serif) 字体会带一些小细节，如宋体等，是一种经典字体，适合塑造经典个性的网站，也适合长文本例如文章。
非衬线(Sans-Serif) 字体会看起来干净整洁，现代。
设计原则
- 只用好的和受欢迎的字体，避免使用疯狂或奇怪的字体
- 在一页上只使用一种字体，最多两种
- 根据网页个性选择合适的字体
- 限制字体大小的选取范围，可以使用字体大小范围工具，或其他预定义的字体大小范围
- 正常字体应该在 32px-16px 之间
- 对于长文本（如博客内容）使用20px或更大的字体大小
- 对于标题，可以直接让大小 50px+，且粗体 blod(600+)，取决你的网页个性
- 对于任何文本，字体的重量weight 不应该低于 400
字体推荐
非衬线：
衬线：
字体获取方式
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet"/>- Google Fonts，选择后可以生成导入链接如上。
- Font