首先,让大家来看一下如何为整个页面设置默认字体:
body{ font-family: "Microsoft YaHei", 微软雅黑, Arial, sans-serif; font-size: 14px; }
通过上面的代码,大家为页面的body元素设置了默认字体。其中,“Microsoft YaHei”是大家首选的字体,如果用户的电脑没有安装该字体,则会使用“微软雅黑”或“Arial”等其他字体。在设置字体大小时,大家选择了14像素。
接下来,让大家来看一下如何为页面中的某些元素设置特定的字体:
h1{ font-family: Helvetica, Arial, sans-serif; font-size: 24px; color: #333; } p{ font-family: "Times New Roman", serif; font-size: 16px; color: #666; }
通过上述代码,大家为h1标签设置了Helvetica字体,字体大小为24像素,颜色为深灰色。为p标签设置了“Times New Roman”字体,字体大小为16像素,颜色为浅灰色。这样可以使不同元素在界面中有更好的可读性。
最后,大家需要注意的是,在CSS中有一些字体并不是所有浏览器都支持的。因此,在选择字体时,大家需要先了解不同浏览器支持的字体类型。比如,在火狐浏览器中,下面这些字体都是比较常见的:
font-family: Arial, sans-serif; font-family: Helvetica, Arial, sans-serif; font-family: "Microsoft YaHei", 微软雅黑, Arial, sans-serif; font-family: "Times New Roman", serif;
通过事先了解不同浏览器所支持的字体,大家可以避免出现由于字体不支持而导致的兼容性问题。