CSS中 font: 28px Verdana;是什么意思?

html-css07

CSS中 font: 28px Verdana;是什么意思?,第1张

font: 28px Verdana

指的是字体为Verdana,大小为28像素。

color: blue background: red

上面你少写了一个分号,应该是color: bluebackground: red这样就好了。

尝试着用办双引号去掉或者把

字体设置成font-family:'Microsoft YaHei'页面出现的问题就解决了,font-family:'雅黑'此种写法IE6.0不兼容。

1、font-family属性可以为标签设置字体,浏览器会从左至右依次查找是否有该字体,并将找到的第一个字体用于显示。如果没找到,则使用默认字体(Windows XP简体中文版一般是宋体)。

2、但还有个未定义行为,若找到的第一个是英文字体,而要显示汉字时,应该如何处理。Chrome和Firefox是继续往后查,直到找到能正确显示的字体;而IE(我只测试了IE6)则直接改用默认字体显示汉字了。

3、目前我只能用CSS hack的方法来判断(即只有IE能识别*开头的属性),但也只是提前了中文字体,英文字体就无效了:

body { font-family:Verdana,微软雅黑*font-family:微软雅黑,Verdana}

4、此外,有时候找到的字体无法显示特殊符号,IE就用方框来显示了,非常无语。

例如音乐符号:&#9834

如果你装了微软雅黑字体,那么在IE下看到的会是个方框,但Chrome和Firefox下正常。

5、font:在一个声明中设置所有字体属性;

font有以下几个属性:

font-style:字体样式

font-variant:字体异体

font-weight:字体粗细

font-size/line-height:字体大小/行高

font-family:字体系列(比如宋体、黑体等)

6、设定字体为微软雅黑 Bold字体"就可以写为:font-family:"微软雅黑"font-weight:bold

前面 先设置的是 font-size, 后面才是 line-height刚刚在chrome测试了下 ,单独写 font: 10px/1.5em 是无效的。但是 在后面加上font-family就可以。比如: font: 10px/1.5em arial,verdana或者写成 font: 10px/1.5em ""也是有效的。font前面的简写属性可以不写,但是font-family属性一定要写否则就无效。完整的font简写属性 font:italic small-caps bold 12px/1.5em arial,verdana 建议只是设置行高 和 字体大小 没必要使用简写属性。可以参考bootstrap对使用简写属性的建议。