技术文章
2026-07-29
95 阅读
免费商用字体
阿里系:
官方下载：阿里巴巴普惠体
网站引用：
css文件里引入字体文件，然后就可以写```css font-family:xxx ```
/*引入免费商用字体*/
/* 淘宝买菜体 */
@font-face {
font-family: "TaoBaoMaiCaiTi-Regular";
src: url("https://cdn.xiaoniba.com/woff/ali/TaoBaoMaiCaiTi-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* 阿里妈妈方圆体 */
@font-face {
font-family: "AlimamaFangYuanTiVF-Thin";
src: url("https://cdn.xiaoniba.com/woff/ali/AlimamaFangYuanTiVF-Thin.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
/* 阿里妈妈灵动体 */
@font-face {
font-family: "AlimamaAgileVF-Thin";
src: url("https://cdn.xiaoniba.com/woff/ali/AlimamaAgileVF-Thin.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
/* 阿里妈妈刀隶体 */
@font-face {
font-family: "AlimamaDaoLiTi-Regular";
src: url("https://cdn.xiaoniba.com/woff/ali/AlimamaDaoLiTi.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* 阿里妈妈数黑体 */
@font-face {
font-family: "AlimamaShuHeiTi-Bold";
src: url("https://cdn.xiaoniba.com/woff/ali/AlimamaShuHeiTi-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}| 名称 | 英文名 | 预览 | code |
| 淘宝买菜体 | TaoBaoMaiCaiTi-Regular | 小泥吧科技-淘宝买菜体 | https://cdn.xiaoniba.com/woff/ali/TaoBaoMaiCaiTi-Regular.woff2 |
| 阿里妈妈方圆体 | AlimamaFangYuanTiVF-Thin | 小泥吧科技-阿里妈妈方圆体 | https://cdn.xiaoniba.com/woff/ali/AlimamaFangYuanTiVF-Thin.woff2 |
| 阿里妈妈灵动体 | AlimamaAgileVF-Thin | 小泥吧科技-阿里妈妈灵动体 | https://cdn.xiaoniba.com/woff/ali/AlimamaAgileVF-Thin.woff2 |
| 阿里妈妈刀隶体 | AlimamaDaoLiTi-Regular | 小泥吧科技-阿里妈妈刀隶体 | https://cdn.xiaoniba.com/woff/ali/AlimamaDaoLiTi.woff2 |
| 阿里妈妈数黑体 | AlimamaShuHeiTi-Bold | 小泥吧科技-阿里妈妈数黑体 | https://cdn.xiaoniba.com/woff/ali/AlimamaDongFangDaKai-Regular.woff2 |
