网页前端使用阿里巴巴普惠字体的方法
《阿里巴巴普惠体》是一款由中国企业首次发布的可面向全场景使用的免费商用正文字体。可永久免费正版商用的阿里巴巴普惠体,中文字体多采用现代简洁的笔画,造型上偏瘦长,并将字的重心提高。字体笔画上也做了一些简化,如较粗的标题字省略出脚部分,更显简洁。
在原有的1.0版本基础上,《阿里巴巴普惠体2.0》的中文字体优化了部分字体结构、新增4个字重(字体粗细),从5个增为9个字重。字库共囊括222,841个字符,覆盖全球175个语种。
使用方法,前端CSS内最顶部增加以下代码:
<style>
/* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: "阿里巴巴普惠体 2.0 45 Light";font-weight: 300;src: url("//at.alicdn.com/wf/webfont/BS8eMjpZgCgZ/jsrXUgCCCIuh.woff2") format("woff2"),
url("//at.alicdn.com/wf/webfont/BS8eMjpZgCgZ/huCIfapS0xx1.woff") format("woff");
font-display: swap;
}
</style>
更多阿里官方免费字体:https://www.iconfont.cn/fonts/index?spm=a313x.fonts_index.i1.2.1d223a81PkEFcg&type=3&page=1