经历过学生时代的读者应该都曾有过在课堂做笔记时,老师会说“某段或者某句话是重点,之考试的时候很有可能会考到这方面的内容,请同学做好笔记”,那么课本上的某行文字被画上一条下画线或者用荧光笔画上淡淡的背景。网页中要传达的信息也是如此,经常会看到页面中某段话或者某句话是带有背景色或者被加粗显示的,这就是网页中要传达给页面浏览者的一个信息,突出重要性。荧光笔无法让页面浏览者看到这些重要的标记,但CSS样式却可以帮助我们实现。
字体(font-family),相信大家都应该接触过,至少也曾听说过。对于设计师而言,漂亮的字体在各方面都将影响到设计图的效果。页面设计也是如此,漂亮的字体会给览者带来耳目一新的感觉,但并不是所有网民都是设计师,他们不会去安安装那么多漂亮的字体在电脑中。网页是供广大网民浏览的,任何时候我们都要考虑广大网民的利益。
花样百出的字体对于广大网民不一定都有,但系统默认的字体(以中文Windows系统为基准)中永远不会缺少的是“宋体”、“黑体”、“隶书”等常见字体;“Atrial”、“Verdana”、“Tahoma”等英文字体一般情况下也会有。
在了解设置字体的重要性之前,先了解一下样式中对于字体选择是如何定义的。
font-family:arial;
font-family:"宋体" , arial, verdana,"times new roman";
在CSS样式中可以是多个字体同时定义,也可以是单个字体的定义,但无论是哪种方式的定义,浏览器在解析CSS样式时都是按顺序进行解析的。
font-family:"微软雅黑" ,"宋体" , arial ,verdana,"times new roman";
如设定“天津网站建设”这几个字的字体属性值中第一个字体为“微软雅黑”,第二个字体为“宋体”。当某位测览者打开该页面时,浏览器首先会在系统中寻找“微软雅黑”字体,如果找不到则寻找“宋体”字体来渲染页面中的文字。
如果在字体中定义的所有字体浏览器都无法在系统中找到,将会使用font-family的默认值“Times New Roman”字体来渲染页面中的文字。
当文字定义了特殊字体后,依然能在浏览器中显示,这是因为系统中安装了“经典综艺体简”字体,该字体是后期安装到该目录中的,并不是默认字体,简单地理解就是并非所有的用户都会安装该字体。如果将该字体删除,在页面中的显示又将如何呢,请失去了“经典综艺体简”字体的支持,该行文字就不再特殊了,就跟普通的“宋体”是一样的效果。这是不是意味着“宋体”就需要定义呢?其实不然。我们可以将FF的默认显示字体更改为“隶书”,最终在页面中显示的效果,定义了非中文字体和未定义中文字体的文字发生了变化。页面中发生变化的仅仅是中文,英文字母在未定义字体的情况下调用了“宋体”的英文。一个页面选择合适的字体将会在很大程度上影响页面效果,因此天津网站建设对读者在选择字体的时候有如下几点建议:
中文页面尽可能首先定义为“宋体”,其次为其他字体,例如将字体定义为font-family:"宋体", Verdana, Lucida,, Arial, Helvetica, sans-serif;等。
英文页面就选择英文字体,可以考虑Aria!、Verdana、Tahoma等字体。
英结合的页面可考虑首先定义英文字体,相对来说修改浏览器默认字体的用户少之又少,但不代表没有。
特殊的字体一律使用图片。