CSS文字——CSS实验室

利用CSS可以很好地控制网页内文字字体的显示，我们在"CSS入门教程——文字属性(font)"一节中已经简单介绍了设置文字属性的方法。下面我们就利用实例来进一步深化地了解CSS字体属性。

CSS文字字体：font-family

点击下面的两个按钮就可以设置不同的字体了。但是可以看到，由于"times"和"courier"都是英文字体，所以对中文部分的文字不会有影响，因此对我们意义不大。

font-family:times

font-family:courier

下面我们就来设置几个中文字体。这里参考了aoao的博客的文章“常见系统中文字体的英文名”。

设置字体的时候会发现有的时候会没有反应，这是因为您的系统可能没有安装这种字体。由此我们知道，只有用户的计算机安装了我们设置的字体，该CSS设置才会生效。

CSS字体大小：font-size

我们可以利用CSS的"font-size"设置文字的字体大小，CSS提供了一些内置的字体大小属性，不过浏览器并不一定按照统一的标准来显示这些定义好的字体大小。可以在下面的下拉列表里选择这些字体大小并点击按钮设置。

font-size：

我们也可以直接用像素设置字体的大小。可以在下面的文本框里填入希望的像素值，点击后面的按钮使设置生效。

字体大小(px):

我们可以用更多的方法来指定长度，这些方法将会在后面介绍。

CSS文字样式：font-style

CSS的font-style属性可以有三个属性值，分别为：normal、italic、oblique。下面我们就来看看这几个字体样式的实际效果。

CSS文字磅数:font-weight

指定font-weight属性可以调整文字的粗细程度，可以点击下面的按钮测试。

我实验的结果是并不是所有的磅数在浏览器中都有差别。