如何在中文网页中利用CSS来设定中文是宋体、英文是Arial?

html-css08

如何在中文网页中利用CSS来设定中文是宋体、英文是Arial?,第1张

网页中通过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只能通过斜杠/组成一个值,不能分开写。

以上两种方法都能达到效果

但定义 body{font-family:arial} 这个比较好

如果用*{font-family:Arial}则代表所有标签都会加上font-family:Arial

属性("*"为"通用"的意思)这样代码一多你就会发现页面加载速度变慢(每个标签都要解析一次font-family:arial,代码少少可能感觉不到什么一多就影响速度了)