如何用css样式设计整个网站字体

html-css09

如何用css样式设计整个网站字体,第1张

网站字体分为两种类型,一种是默认字体,一种是外部字体。

默认字体

如果整个网页都要弄成宋体的话就将body定义为宋体即可,即在样式表中加入:body{font-family:"宋体"},如果只要一部分为宋体,那将那一部分的层的字体样式定义为宋体就行了。

默认的字体有宋体、楷体、黑体、新宋体、仿宋等。

外部字体

样式表中嵌入外部字体,用@font-face语法。

@font-face{font-family:namesrc:<url>sRules}

<name>:为自定义字体名称

<url>:使用绝对或相对地址指定OpenType字体

<sRules>:样式表定义

如:

@font-face{

font-family:YH

src:url(http://www.xxx.com/xxx.ttf)

}

然后再设置需要变换字体的样式即可,如:body{font-family:YH},字体名称是上述所说自定义好的名称。

网页中通过CSS的font-family属性,来定义字体的,页面默认中文是宋体,也可只定义一个英文Arial即可。

方法如下:

body {

    font-family: Arial, "宋体"

}

补充:

font 简写:

body { font:italic small-caps bold 12px/1.5em Arial, "宋体"}

等效于:

body {

    font-style:italic 

    font-variant:small-caps 

    font-weight:bold 

    font-size:12px 

    line-height:1.5em 

    font-family:arial,verdana

}

顺序:font-style | font-variant | font-weight | font-size | line-height | font-family

简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。