在CSS中,可以通过font-family属性来修改字体样式。
font-family 规定元素的字体系列。
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
有两种类型的字体系列名称:
指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。
通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
网页中通过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,代码少少可能感觉不到什么一多就影响速度了)