CSS设置文字字体
CSS的文字字体
与word类似,CSS也可以对文字的字体、大小和颜色等各种属性进行设置。
在<html>语言中,文字的字体通过<fontface=”字体名称”>来设置,而在CSS中字体则是通过font-family属性来控制。
Font-family属性,可以同时声明任意种字体,字体之间使用逗号隔开,此外,一些字体的名称中间会出现空格,比如:TimesNew Roman,这时需要使用双引号将其引起来。
<span style="font-size:24px;">p{
font-family:黑体,Arial,宋体,sans-serif;
}
</span>
该语句声明了HTML页面中<p>标记的字体名称,并且,同时声明了三种字体,分别是黑体、Arial和宋体,表示首先在浏览器的计算机中寻找黑体,如果没有接着寻找Arial字体,如果都没有在寻找宋体,如果三种都没有,则会使用浏览器的默认字体显示。
通常见到的sans-serif和serif不是单个字体的名称,而是一类字体的统称,按照W3C的规则,在font或者font-family的最后都要求指定一个这样的字体集,当客户端没有指定字体时,可以使用本机上的默认字体。
Serif和sans-serif区别
Serif在字的笔画开始和结束的地方都有额外的装饰,而且,笔画的粗细会因为横竖的不同而不同,相反,sans-serif没有这些额外的装饰,笔画粗细大致差不多。
一般文章的正文使用易读性较强的serif字体,用户长时间阅读下不容易疲劳,而标题和表格则采用醒目的sans-serif,它们需要显著和醒目。
<span style="font-size:24px;"><html>
<head>
<title>
文字字体
</title>
<style>
<!--
h2{font-family:黑体,幼圆;}
P{font-family:Arial,Helvetica,sans-serif;}
p.kaiti{font-family:楷体_GB2312,"Times New Roman";}
-->
</style>
</head>
<body>
<h2>立 春</h2>
<p>
自秦代以来,我国就一直以立春作为春季的开始。立春是从天文上来划分的,而在自然界、在人们的心目中,春是温暖,鸟语花香;春是生长,耕耘播种。在气候学中,春季是指候(5天为一候)平均气温10度至20度的时段。</p>
<p class="kaiti">作者:isaac</p>
</body>
</html>
</span>
很多设计者,都使用了各种各样的字体来个页面添彩,但是这些字体很多用户都没有安装,因此,必须设置多个备选字体,避免浏览器直接换成默认的字体。
如果使用了生僻的字体,可以直接用图形软件制作成小图片,加载到页面中即可。