JS调用文档
针对网站对特殊字体的需要，页面直接引用JS，根据自定义的标签获取内容，使其轻、快响应展示。
调用说明
1.引用JS库
将以下代码添加到您网页的<head>标签之中
<script type="text/javascript" src="https://cdn1.foundertype.com/webfont/js/ftfont-init.js"></script>
2.设置选择器和字体
在script标签之中，添加一段用来指明哪个标签引用哪个字体的语句（如下代码），如果一张页面使用多个不同的字体，可以添加多行哟。
<![CDATA[
var fontCfg = {
p:'your key',
fonts: [
{
fontName: 'xxxxx' ,
selecters: ['your selecters']
},
{
fontName: 'xxxxx' ,
selecters: ['your selecters']
}
]
};
var myFont = new FTFont(fontCfg);
]]>
其中上面代码中的几个参数含义如下：
第一个参数 "your key" 为您使用方正云字库申请的key值，如已申请可直接使用，如未申请，可点击立即申请key值进行申请；
第二个参数"xxxxx"为要应用的字体ID值，如想查找某个字体ID值，可返回云字体页面，点击”获取字体ID“即可获取；
第三个参数"your selecters"为您所要应用字体的标签，可为标签的ID值，也可为className 或 tagName（如:#id1、.class1、h1等），多个选择器，请用英文逗号隔开（如:#id1,.class1,h1）。
3.可选的，设置加载字体状态的事件函数
这一部分是为监控应用字体加载状态而提供的，如果用户不需要，以下代码可不用配置。
以下代码为步骤2中代码的扩展，如需监控字体加载状态，可引用如下代码；如不需监控字体加载状态，只需要应用的字体显示字体效果，引用上面步骤2的代码即可
<![CDATA[
var fontCfg = {
p:'your key',
fonts: [
{
fontName: 'xxxxx' ,
selecters: ['your selecters'],
beforeLoad: function () {
//这里可以配置字体ID为xxxxx的字体加载前要执行的内容。
},
loading: function () {
//这里可以配置字体ID为xxxxx的字体加载中要执行的内容。
},
loaded: function () {
//这里可以配置字体ID为xxxxx的字体加载完成要执行的内容。
},
onError: function () {
//这里可以配置字体ID为xxxxx的字体加载失败要执行的内容。
}
},
{
fontName: 'xxxxx2' ,
selecters: ['your selecters']
},
/*{
.....
}*/
],
events: {
beforeLoad: function () {
//这里可以配置所有要应用的字体加载前要执行的内容。
},
loading: function () {
//这里可以配置所有要应用的字体加载中要执行的内容。
},
loaded: function () {
//这里可以配置所有要应用的字体加载完成要执行的内容。
}
}
};
var myFont = new FTFont(fontCfg);
]]>
以上中的beforeLoad、loading、loaded、onError可以监控字体加载的各种状态，用户需要的可以配置，如不需要可不配置。
字体应用Demo
帮助与反馈
还是没有解决您的问题？请 反馈问题 吧！
京公网安备 11010802031679号