css中字体怎么设置

2022-12-06 17:28:01 来源：用户：

跟大家讲解下有关css中字体怎么设置，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说css中字体怎么设置，小编也收集到了有关css中字体怎么设置的相关资料，希望大家看到了会喜欢。

在css中可以通过“font-family”属性来设置字体，“font-family”可以把多个字体名称作为一个“回退”系统来保存，其使用语法如“font-family:"Times New Roman",Georgia,Serif;”。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

font-family 规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

有两种类型的字体系列名称：

指定的系列名称：具体字体的名称，比如："times"、"courier"、"arial"。

通常字体系列名称：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

提示：使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。

注意：使用某种特定的字体系列（Geneva）完全取决于用户机器上该字体系列是否可用；这个属性没有指示任何字体下载。因此，强烈推荐使用一个通用字体系列名作为后路。

为段落设置字体-示例：

<html> <head> <style type="text/css"> p.serif{font-family:"Times New Roman",Georgia,Serif} p.sansserif{font-family:Arial,Verdana,Sans-serif} </style> </head> <body> <h1>CSS font-family</h1> <p class="serif">This is a paragraph, shown in the Times New Roman font.</p> <p class="sansserif">This is a paragraph, shown in the Arial font.</p> </body> </html>

运行效果：

【推荐学习：css视频教程】

以上就是css中字体怎么设置的详细内容，更多请关注php中文网其它相关文章！

来源：php中文网

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。如有侵权请联系删除！