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

html-css08

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

以在css中设置文本字体为“微软雅黑”。具体方法和CSS代码如下：

.body {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}

之所以加上中文名“微软雅黑”是为了兼容opera。Microsoft JhengHei为微软正黑体，STHeiti为华文黑体，写这么多字体是为了预防万一用户的电脑上没有微软正黑体，那么CSS可以从后边几种字体中选择一个类似的字体，记得11px下的MingLiu中文有着不凡的效果。

box1{font-family:"微软雅黑,宋体"font-weight:bold}这个字体。css设定的字体, 只有系统里面有这个字体的才能看到。 比如xp系统的用户, 一般都没有微软雅黑, 你css使用了微软雅黑。

但是用户只能看到系统默认的宋体. 所以不要那么麻烦. 要想用的只要在你的font文件夹找到字体默认名字就行了.

是@font-face，语法如下： @font-face {  

  [ font-family: <family-name> ] ||

  [ src: [ <url> [ format(<string>#) ]? | <font-face-name> ]# ] ||

  [ unicode-range: <urange># ] ||

  [ font-variant: <font-variant> ] ||

  [ font-feature-settings: normal | <feature-tag-value># ] ||

  [ font-variation-settings: normal | [ <string> <number>] # ||

  [ font-stretch: <font-stretch> ] ||

  [ font-weight: <weight> ] ||

  [ font-style: <style> ]

}

<family-name>就是家族体系名称，例如sans-serif无衬线字体。

取值

font-family    这里指定的字体名字将会被用于font或font-family属性，在元素的使用字体的字体名称就是这里设定的。

src                远程字体文件位置的URL或者用户计算机上的字体名称， 可以使用local语法通过名称指定用户的本地计算机上的字体( 例如src: local('Arial'))。 如果找不到该字体，将会尝试其他来源，直到找到它。

font-variant    字态

font-stretch    字体描边.

font-weight    字重

font-style       对于src所指字体的描述。如果所需字体符合描述，则采用本font-face所定义的字体。

unicode-range在该@font-face中定义的unicode字体范围

例子：用到了用户本地字体"Helvetica Neue Bold"的备份；如果当前用户(浏览器)未安装该字体(两种可能的字体名都已经试过)，就会用下载的字体"MgOpenModernaBold.ttf"来代替：

@font-face {

  font-family: MyHelvetica

  src: local("Helvetica Neue Bold"),  local("HelveticaNeue-Bold"),  url(MgOpenModernaBold.ttf)

  font-weight: bold

}

css使用font-family定义字体，https://www.apiref.com/css-zh/properties/font/index.htm，定义方法请查看css手册。