/* 设置整个网页的字体 */ body { font-family: Arial, Helvetica, sans-serif; } /* 设置头部字体 */ h1 { font-size: 36px; font-weight: bold; } /* 设置副标题字体 */ h2 { font-size: 24px; font-weight: bold; } /* 设置普通文本字体 */ p { font-size: 16px; } /* 设置链接字体 */ a { font-size: 16px; text-decoration: none; color: #333; }
以上代码中,大家先设置了整个网页的字体为 Arial、Helvetica 或者 sans-serif。然后,大家分别对 h1、h2、p 和 a 四个元素进行了字体设置。其中,大家通过 font-size 属性设置了字体大小,通过 font-weight 属性设置了字体加粗程度。最后,大家在链接字体样式中加入了 text-decoration 和 color 属性,分别表示去除下划线和字体颜色为 #333。
在实际应用中,可以根据页面的需求自行调整字体大小、颜色等属性,以达到最佳的视觉效果。