[分享]css中font支持的字体

CSS中的font属性是用来设置文字样式的，其中字体是它的一个重要属性，因为不同的字体会影响到文字的可读性和美观程度。在CSS中，我们可以通过fontfamily属性来设置文字所使用的字体。p { f...

CSS中的font属性是用来设置文字样式的，其中字体是它的一个重要属性，因为不同的字体会影响到文字的可读性和美观程度。在CSS中，我们可以通过font-family属性来设置文字所使用的字体。

p {
  font-family: Arial, Helvetica, sans-serif;
} 

上面的代码表示我们在这个样式中使用“Arial”这种字体，如果计算机上没有安装Arial字体，则会自动寻找“Helvetica”这种字体来代替，如果还找不到，则会使用sans-serif这种系统默认字体。这种字体选择方式被称为字体族，其中英文字符之间要有逗号，中文字符之间可以无需逗号。

除了使用系统默认的字体之外，我们还可以通过导入外部字体文件来增加更多字体选择，这样可以使网站中的文字更具个性化和独特性。通过@font-face规则，我们可以指定引入一个自定义字体并为其起一个名称，然后在font-family属性中引用。

@font-face {
  font-family: "MyFont";
  src: url("myfont.woff2") format("woff2"),
       url("myfont.woff") format("woff");
}
p {
  font-family: "MyFont", sans-serif;
} 

上面的代码表示我们在样式中引入了一个名为“MyFont”的自定义字体，同时也保留了系统默认字体的备选方案。自定义字体的引入需要注意字体格式和兼容性问题，一般情况下推荐使用woff2和woff这两种格式。