CSS字体样式是网页设计中至关重要的一部分。字体样式不仅可以影响页面整体的视觉效果，还可以给用户带来良好的阅读体验。以下是一些常见的CSS字体样式。

/*设置字体名称*/
font-family: "Microsoft Yahei", sans-serif;
/*设置字体大小*/
font-size: 16px;
/*设置字体样式：斜体、粗体、下划线*/
font-style: italic;
font-weight: bold;
text-decoration: underline;
/*设置字体颜色*/
color: #333;

以上代码演示了如何使用CSS来设置字体的名称、大小、样式和颜色。下面我们分别介绍一下这几种字体样式的使用方法。

1. 字体名称

在CSS中，使用font-family属性来设置字体名称。如果页面上没有安装指定的字体，浏览器将会使用默认字体来替代。为了增强浏览器的兼容性，推荐使用多个同类字体名称的组合来设置字体，这样即使其中一个字体无法使用，页面也不会出现字体崩溃的情况。

2. 字体大小

字体大小用来控制字体的宽度和高度。在CSS中，使用font-size属性来设置字体大小，通常以"px"作为单位。在字体大小的选择上，一般建议使用16px作为基准，这样可以兼顾手机端和PC端的阅读体验。

3. 字体样式

字体样式可以通过font-style属性来设置。常见的字体样式有斜体和正常字体。

字重可以通过font-weight属性设置，通常使用数字代表不同的字重，100~700为正常字体，900为黑体。如果需要使用更加细致的粗细调整，也可以使用font-weight: bold；来表示粗体字体。

下划线可以通过text-decoration属性来设置。如果需要取消下划线，可以设置text-decoration: none；

4. 字体颜色

字体颜色可以通过color属性来设置。需要注意的是，不同浏览器颜色的呈现可能存在差异，可以通过使用rgb或hex值来确保颜色的一致性。

总之，CSS字体样式的使用可以提升用户的阅读体验和页面的美观程度。好的字体样式可以为网页加分，更好的体现出网页的专业性。