属性名:font-family
Ø 常见取值:具体字体1,具体字体2,具体字体3,具体字体4,…,字体系列
• 具体字体:”Microsoft YaHei”、微软雅黑、黑体、宋体、楷体等……
• 字体系列:sans-serif、serif、monospace等……
Ø 渲染规则:
1. 从左往右按照顺序查找,如果电脑中未安装该字体,则显示下一个字体
2. 如果都不支持,此时会根据操作系统,显示最后字体系列的默认字体
Ø 注意点:
1. 如果字体名称中存在多个单词,推荐使用引号包裹
2. 最后一项字体系列不需要引号包裹
3. 网页开发时,尽量使用系统常见自带字体,保证不同用户浏览网页都可以正确显示
常见字体系列
无衬线字体(sans-serif)
1. 特点:文字笔画粗细均匀,并且首尾无装饰
2. 场景:网页中大多采用无衬线字体
3. 常见该系列字体:黑体、Arial
衬线字体(serif)
1. 特点:文字笔画粗细不均,并且首尾有笔锋装饰
2. 场景:报刊书籍中应用广泛
3. 常见该系列字体:宋体、Times New Roman
等宽字体(monospace)
1. 特点:每个字母或文字的宽度相等
2. 场景:一般用于程序代码编写,有利于代码的阅读和编写
3. 常见该系列字体:Consolas、fira code
声明:该文观点仅代表作者本人,《前端技术分享网》系信息发布平台,前端技术分享网仅提供信息存储空间服务。发布者:果壳日志,转载请注明出处:https://www.xin12123.com/n/498.html