前端学习 -- Css -- 字体分类
2023-09-14 09:00:30 时间
在网页中将字体分成5大类:
- serif(衬线字体)
- sans-serif(非衬线字体)
- monospace (等宽字体)
- cursive (草书字体)
- fantasy (虚幻字体)
可以将字体设置为这些大的分类,当设置为大的分类以后,浏览器会自动选择指定的字体并应用样式。
一般会将字体的大分类,指定为font-family中的最后一个字体。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 作者:1213854220@qq.com 时间:2017-04-12 描述:衬线字体 --> <p style="font-size: 20px;font-family: serif;"> 日出而作,日入而息。 凿井而饮,耕田而食。 帝力于我何有哉!IHK </p> <!-- 作者:1213854220@qq.com 时间:2017-04-12 描述:非衬线字体 --> <p style="font-size: 20px;font-family: sans-serif;"> 日出而作,日入而息。 凿井而饮,耕田而食。 帝力于我何有哉!IHK </p> <!-- 作者:1213854220@qq.com 时间:2017-04-12 描述:草书字体 --> <p style="font-size: 20px;font-family: cursive;"> 日出而作,日入而息。 凿井而饮,耕田而食。 帝力于我何有哉!IHK </p> <!-- 作者:1213854220@qq.com 时间:2017-04-12 描述:虚幻字体 --> <p style="font-size: 20px;font-family: fantasy;"> 日出而作,日入而息。 凿井而饮,耕田而食。 帝力于我何有哉!IHK </p> <!-- 作者:1213854220@qq.com 时间:2017-04-12 描述:等宽字体 --> <p style="font-size: 20px;font-family: monospace;"> 日出而作,日入而息。 凿井而饮,耕田而食。 帝力于我何有哉!IHK </p> </body> </html>
效果:
中文区别不打,英文区别很明显
相关文章
- 如何学习前端
- web前端学习/工作笔记(二)
- web前端学习/工作笔记(六)
- 后端 学习 前端 Vue 框架基础知识
- 「趣学前端」元编程,翻书学习时发现的陌生词汇,当然是记个笔记
- Excel学习: 文件操作之---复制模板按面试分组名重命名
- web前端学习/工作笔记(十二)
- web前端学习/工作笔记(十三)
- web前端学习/工作笔记(十四)
- 2021前端最新学习路线,干货,是真干~
- 【RT-Thread学习笔记】如何优雅地退出QEMU模拟器?(RT-Thread技术论坛优秀文章)
- Web前端三剑客学习笔记
- 部署机器学习方案之困(上)
- 以现在市场饱和度来说应该学习哪门编程语言是最好的呢?
- :深入浅出:学习Linux操作系统(linux操作系统答案)
- 学习Linux:最佳入门宝典(学习linux的书籍)
- MySQL查询比较:从学习到熟练(mysql查询比较)
- 利用深度学习开发老板探测器,再也不担心刷着微博一回头突然看到老板了
- 深入学习MSSQL系统数据库系统(mssql系统数据库系统)
- 言Oracle入门学习最常用的编程语言(oracle入门语)
- 前端开发者学习Redis的最佳网站(前端redis学习网站)
- 必要性前端学习Redis的必要性(前端需要学redis么)
- juqery学习之六CSS--css、位置、宽高
- php入门学习知识点七PHP函数的基本应用
- java使用http实现文件下载学习示例