华文字库

华文隶书

华文隶书
华文字库

华文彩云

华文彩云
华文字库

华文琥珀

华文琥珀
华文字库

华文行楷

华文行楷
华文字库

华文新魏

华文新魏
华文字库

华文仿宋

华文仿宋
华文字库

华文楷体

华文楷体
华文字库

华文宋体

华文宋体
华文字库

华文细黑

华文细黑
华文字库

华文中宋

华文中宋

华文云字库调用说明

支持的字库列表

字体英文名字体中文名
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>

注意事项