CSS如何使用自定义字体文件

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;
}

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息