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

html-css019

如何用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只能通过斜杠/组成一个值，不能分开写。