DIV+CSS教程:[4]CSS如何设置文字字体
CSS也可以像Word编辑那样,可以对文字的字体进行设置。那么CSS是如何对HTML页面中文字进行字体设置的呢?
操作方法
- 01
在html语言中,文字的字体设置是通过<font face="字体名称">来设置,如设置为黑体,则<font face="黑体">,前面已经说过这样操作,增加网页代码的体积而且不利于后期维护,所以通过CSS来控制。
- 02
CSS是通过font-family属性进行控制。如控制文字的字体为黑体,则font-family:黑体;font-family可以声明多种字体,每种字体之间用逗号隔开。
- 03
同时声明多种字体,那么那个字体才生效,或者全部生效?如font-family:黑体,宋体,Arial;浏览器先在浏览者本机上查找黑体,如果没有,再找宋体,如果没有再继续找,如果所有都没有,那么则使用浏览器默认字体显示,如果设计者喜欢一些特别字体来给网页添加某种效果,建议做成小图片,再加载到网页中。
- 04
通常有些字体有几个英文单词的,每个单词间空格隔开,这些字体需要双引号将其引起来。如以下代码中的Trebuchet MS,font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
- 05
在上面代码的最后可以看有这一类字体,sans-serif,其实这个代码是告诉浏览器,如果客户端没有指定字体时可以使用本机上的默认字体。
- 06
下面是一些简单字体设置代码,及其运行后效果。
赞 (0)