CSS中设定字体如何设定为微软雅黑Bold字体？

html-css026

CSS中设定字体如何设定为微软雅黑Bold字体？,第1张

1、首先要了解css中是如何控制字体的。\x0d\x0afont：在一个声明中设置所有字体属性；\x0d\x0afont有以下几个属性：\x0d\x0a\x0d\x0afont-style：字体样式\x0d\x0a\x0d\x0afont-variant：字体异体\x0d\x0afont-weight：字体粗细\x0d\x0afont-size/line-height：字体大小/行高\x0d\x0afont-family：字体系列（比如宋体、黑体等）\x0d\x0a2、知道这些之后，那"设定字体为微软雅黑Bold字体"就可以这么写：\x0d\x0afont-family:"微软雅黑"font-weight:bold\x0d\x0a但是需要注意一点，通常我们使用中文字体的时候，都会使用的英文名称，而不是直接使用中文；而且，也会使用简写的形式；如下：\x0d\x0afont:bold12px/1.5em"MicrosoftYaHei"

所有CSS字体属性

font在一个声明中设置所有的字体属性

font-family指定文本的字体系列

font-size指定文本的字体大小

font-style指定文本的字体样式

font-variant以小型大写字体或者正常字体显示文本。

font-weight指定字体的粗细。

css引用字体问题

在CSS中通过@font-face属性来实现网页中嵌入特殊字体。

首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG，确保能在主流浏览器中都能正常显示该字体。

.EOT，适用于Internet Explorer 4.0+

.TTF或.OTF，适用于Firefox 3.5、Safari、Opera

.SVG，适用于Chrome、IPhone

最常见的是.TTF文件，需要通过这种文件格式转换为其余两种文件格式。

在css中进行如下声明：

@font-face {

font-family: 'fontNameRegular'

src: url('fontName.eot')

src: local('fontName Regular'),

local('fontName'),

url('fontName.woff') format('woff'),

url('fontName.ttf') format('truetype'),

url('fontName.svg#fontName') format('svg')

}

/*其中fontName替换为你的字体名称*/

在css中使用这个字体

h1{font-family: fontNameRegular}