css中图片上浮有字体可以改字体类型吗

html-css09

css中图片上浮有字体可以改字体类型吗,第1张

css中图片上浮有字体可以改字体类型吗,css如何修改字体样式?

在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,代码少少可能感觉不到什么一多就影响速度了)