网页设计中最重要的细节之一——字体(3)

默认字体来渲染。那么你原有的设计，就不行了，你设计时觉得挺好，字体、位置、大小合适，但在别人的电脑上，清一色的宋体。所以这个问题，才是选择字体的难处所在。当然，有问题就有解决方式：

使用经典通用字体

不同操作系统都有不同的字体系统，但既然是字体，总有一些比较经典老牌的字体共同存在于各个系统中。例如无衬线的 Arial 字体，它产生的时间比较早，同时价格低廉，所以从早期就被 windows 操作系统使用，在其他的操作系统中，也会有较好的不同于默认字体的显示效果。所以 我爱水煮鱼、潜行者m博客 这些网站，直接在 CSS 中声明使用一个字体：Arial。

使用多个字体属性

上面的方法很简单，但是不灵活，注重简单而不注重细节。CSS 做的很好，它可以在一个网页中，声明指定多个字体，这样当写在前面的字体，在当前操作系统中没有的话，就会使用后面字体顶替。所以当你看一些网页作品的时候，会发现它的 CSS 中的 font-family 属性，指定了一大堆的 字体 名称。但这个也不是可以随便指定的，也有一些注意事项。

你应该这样做，先确定你网页中需要用到的字体，然后确定属于哪个字体系列有无其他的相近字体以及衍生字体，然后编写字体属性。顺序如下：最想用的字体》》可以代替的相近字体》》相近通用字体。例如如下写法：

font-family： Times， TimesNR， ‘New Century Schoolbook’，Georgia， ‘New York’， serif;

这样的意思就是，优先使用 Times 字体，然后系统没有的话，查找同型异名的 TimesNR 字体，如果没有，寻找系统中的相近字体 New Century Schoolbook 等其他字体，最后如果都无法找到，就使用通用字体 serif ，这样浏览器就会寻找系统中的 无衬线 的默认字体，来代替。

字体的大小选择

形容字体大小的单位

在 CSS 中，最常用的描述字体大小的单位有两个：em、px。通常认为 em 为相对大小单位，px 为绝对大小单位。但从实际应用中来讲，px 像素其实也是一种相对大小单位。例如，在一块15寸分辨率为 800×600 像素的屏幕上，10px 大小的文字，