阿里巴巴普惠体里面有多个字体需要引入？怎么知道区别和引入了没有？

Question

一个网页要求引入阿里巴巴bold,regular,medium3种字体.

官网上的在线地址引入了,

感觉没什么区别，都是web-font,怎么引入这3种字体并且知道字体间的区别？

Answer 1

@font-face里的font-family属性可以自定义字体名称，你可以设置不同的属性值试试

/**需要分别对应相应的url**/
@font-face {
  font-family: "webfont-medium";
}
@font-face {
  font-family: "webfont-bold";
}
@font-face {
  font-family: "webfont-regular";
}

然后在使用时比如

body {
  font-family: webfont-medium;
}