多语言展示
当前在线:1911今日阅读:195今日分享:41

DIV+CSS教程:[4]CSS如何设置文字字体

CSS也可以像Word编辑那样,可以对文字的字体进行设置。那么CSS是如何对HTML页面中文字进行字体设置的呢?
工具/原料

dreamweaver cs5

方法/步骤
1

在html语言中,文字的字体设置是通过来设置,如设置为黑体,则,前面已经说过这样操作,增加网页代码的体积而且不利于后期维护,所以通过CSS来控制。

2

CSS是通过font-family属性进行控制。如控制文字的字体为黑体,则font-family:黑体;font-family可以声明多种字体,每种字体之间用逗号隔开。

3

同时声明多种字体,那么那个字体才生效,或者全部生效?如font-family:黑体,宋体,Arial;浏览器先在浏览者本机上查找黑体,如果没有,再找宋体,如果没有再继续找,如果所有都没有,那么则使用浏览器默认字体显示,如果设计者喜欢一些特别字体来给网页添加某种效果,建议做成小图片,再加载到网页中。

4

通常有些字体有几个英文单词的,每个单词间空格隔开,这些字体需要双引号将其引起来。如以下代码中的Trebuchet MS,font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;

5

在上面代码的最后可以看有这一类字体,sans-serif,其实这个代码是告诉浏览器,如果客户端没有指定字体时可以使用本机上的默认字体。

6

下面是一些简单字体设置代码,及其运行后效果。