华文云字库调用说明
支持的字库列表
字体英文名 | 字体中文名 |
STBaoli | 华文报隶 |
STBaoyuan | 华文报圆 |
STCaiyun | 华文彩云 |
STCukai | 华文粗楷 |
STCusong | 华文粗宋 |
STDahei | 华文大黑 |
STFangsong | 华文仿宋 |
STHeiti | 华文黑体 |
STHupo | 华文琥珀 |
STKaiti | 华文楷体 |
STLibian | 华文隶变 |
STLishu | 华文隶书 |
STShusong | 华文书宋 |
STSongti | 华文宋体 |
STXihei | 华文细黑 |
STXingkai | 华文行楷 |
STXinwei | 华文新魏 |
STXixingkai | 华文细行楷 |
STXiyuan | 华文细圆 |
STZhongkai | 华文中楷 |
STZhongsong | 华文中宋 |
STZhongyuan | 华文中圆 |
CSS接口说明
接口URL格式:
https://cloud.sinotype.com.cn/webfont_b64.css?text=[Text]&name=[FontFamily]&font=[FontName]
参数说明:
参数 | 必选 | 说明 |
text | 是 | 需要显示的文本(建议使用encodeURIComponent编码) |
name | 是 | 自定义字体家族名称 |
font | 否 | 字体英文名称(参见上方字库列表) |
调用示例:
<link rel="stylesheet" href="https://cloud.sinotype.com.cn/webfont_b64.css?text=%E6%B5%8B%E8%AF%95&name=myfont&font=STHupo">
<span style="font-family: myfont;">测试</span>
指定格式字库接口说明
接口URL格式:
https://cloud.sinotype.com.cn/webfont?text=[Text]&format=[Type]&font=[FontName]
参数说明:
参数 | 必选 | 说明 |
text | 是 | 需要显示的文本(建议使用encodeURIComponent编码) |
format | 否 | 字体格式(ttf/woff/eot,默认ttf) |
font | 否 | 字体英文名称(参见上方字库列表) |
调用示例:
<style>
@font-face {
font-family: "myfont";
src: url("https://cloud.sinotype.com.cn/webfont?text=%E6%B5%8B%E8%AF%95&format=woff&font=STHupo") format("woff");
}
</style>
<span style="font-family: myfont;">测试</span>
注意事项
- text参数建议使用encodeURIComponent方法进行URL编码
- 字体名称区分大小写,请严格按照列表中的英文名称使用
- 多个文字请连续拼接,无需添加分隔符