在F12中捕获页面的字体时发现font-family后面以逗号分开的多个值,如下:
font-family: microsoft yahei,Calibri,Arial;p{font-family: 微软雅黑 ,Arial,Times New Roman;}
对于“p{font-family: 微软雅黑 ,宋体,Times New Roman;}”这句代码，初学者可能会觉得很疑惑。为什么要为元素同时定义多个字体呢？
其实原因是这样的：每个人的电脑装的字体都不一样，我们定义“p{font-family: 微软雅黑 ,Arial,Times New Roman;}”这句的意思是，p元素优先用“微软雅黑”字体来显示， 如果你的电脑没有装“微软雅黑”这个字体，那接着就用“Arial”字体来显示，如果也没有装“Arial” 字体，接着就用“Times New Roman”字体来显示，以此类推。
否则，如果你只定义“p{font-family:微软雅黑;}”的话，如果你的电脑没有装“微软雅黑”字体，p元素就直接用浏览器默认的“宋体”字体来显示了。
默认情况下，浏览器的字体是宋体。中文字体常用的有宋体、微软雅黑，英文字体比较常用的是Times New Roman、Arial。