CSS中Web安全字体组合

这篇文章主要讲解了“CSS中Web安全字体组合”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中Web安全字体组合”吧!

成都创新互联是一家成都网站建设、网站制作,提供网页设计,网站设计,网站制作,建网站,按需设计,网站开发公司,从2013年成立是互联行业建设者,服务者。以提升客户品牌价值为核心业务,全程参与项目的网站策划设计制作,前端开发,后台程序制作以及后期项目运营并提出专业建议和思路。

常用的字体组合

font-family属性是多种字体的名称,作为一个"应变"制度,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体,它尝试下一个的字体。

你想要的字体类型如果浏览器找不到,它会从通用的字体类型中找到与你相似的:

CSS Code复制内容到剪贴板

  1. p{font-family:"Times New Roman", Times, serif}    

下面是一些常用的字体组合,通用的字体系列。

Serif 字体

字体文本示例
Georgia, serifThis is a heading

This is a paragraph

"Palatino Linotype", "Book Antiqua", Palatino, serifThis is a heading

This is a paragraph

"Times New Roman", Times, serifThis is a heading

This is a paragraph

sans - serif字体

字体文本示例
Arial, Helvetica, sans-serifThis is a heading

This is a paragraph

Arial Black, Gadget, sans-serifThis is a heading

This is a paragraph

"Comic Sans MS", cursive, sans-serifThis is a heading

This is a paragraph

Impact, Charcoal, sans-serifThis is a heading

This is a paragraph

"Lucida Sans Unicode", "Lucida Grande", sans-serifThis is a heading

This is a paragraph

Tahoma, Geneva, sans-serifThis is a heading

This is a paragraph

"Trebuchet MS", Helvetica, sans-serifThis is a heading

This is a paragraph

Verdana, Geneva, sans-serifThis is a heading

This is a paragraph

Monospace 字体

字体文本示例
"Courier New", Courier, monospaceThis is a heading

This is a paragraph

"Lucida Console", Monaco, monospaceThis is a heading

This is a paragraph

感谢各位的阅读,以上就是“CSS中Web安全字体组合”的内容了,经过本文的学习后,相信大家对CSS中Web安全字体组合这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


当前名称:CSS中Web安全字体组合
当前网址:http://csdahua.cn/article/ihcoop.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流