网页字符控制经验谈

网络与通信

萧遥

才开始做网页的虫虫们多半有这样一个困惑：看见别人的字体小巧、精细、美观，自己的字体却粗糙、庞大，这其中有什么诀窍？到底用什么样的字体？该怎样对字体进行控制？今天我们就一起来探讨一下。

1.用什么样的字体

如果不对网页进行任何定义，网页中的默认字体是宋体，12磅，比较粗糙。根据众多网页设计师的经验，通常我们应该使用宋体9磅、10.5磅的字体(比如新浪网就几乎全部采用了9磅字)。两种大小的字体应用在不同地方可以形成一定的区别，另外还可以使用加黑来表示强调，这样已经足够应付大多数场合。在Dreamweaver中改变字体大小效果如(（图1）)所示。

2.控制好你的字体

大家看过效果了，那么怎样实现呢？通常初学者喜欢用的一种方法，即直接在属性面板上的“尺寸”栏进行更改(尺寸=2表示10.5磅字)。这样好处在于比较简单直观，但有两个不足：一是这是一种相对大小控制法，如果浏览者在IE浏览器的“查看→文字大小”中进行了更改，那么你的字体大小会随之改变。你的网页多半会变得面目全非，段落凌乱。二是由于每一处文字都必须加代码控制，代码显得冗长，很容易产生垃圾代码甚至控制错乱。既然如此，我们就有必要采用更先进的控制方法──CSS(样式表)控制法。
CSS是一个比较复杂的东西，限于篇幅我们这里只讲一下最基本的字体控制。你只需在“文字→CSS样式→编辑样式表”中定义你的字体(（图2）)。新建一种样式，在“字体(F)”栏选择“宋体”，在“字体(S)”栏填入“9”即可建立9磅样式的字体。顺便说一下“行高(H)”也是一个比较有用的东西，可以定制行距。

3.空格与段落

一个让初学者头疼的问题就是Dreamweaver中不能直接输入空格，其实Dreamweaver只是不支持半角空格，你只要在中文输入法状态下按“Shift+空格”把输入状态改为全角，就可以输入全角空格了。Dreamweaver会把这种空格当成一个中文字符来处理。
而段落间距亦是一个麻烦问题。初学者往往在输入一段后敲一个回车，发现段落间距极大(空出约两行)，而且无法调整，不符合我们平时的段落习惯。其实你只要按“Shift+Enter”就能让段落与段落之间的间距保持在刚好一行(（图3）)，这下满意了吧：)