网页中使用特殊字体（2）

现在网上已经出现一些很好的平台。如英文的typekit、fontdeck、google font等，中文的“有字库”youziku.com等，都可以大大方便网络字体的使用。

以"有字库“为例
 

第一步：JS调用 (本JS支持https,只需要将src属性中的http改为https即可)

将以下代码添加到您网页的：标签之中

<script type="text/javascript" src=""></script>

第二步：设置标签

将以下代码添加到您网页的： 标签之前，紧挨着

<script type="text/javascript">
   $youziku.load("body", "938191fe1927498f9b66f86fea763347", "SiYuan-ExtraLight");
   /*$youziku.load("#id1,.class1,h1", "938191fe1927498f9b66f86fea763347", "SiYuan-ExtraLight");*/
   /*．．．*/
   $youziku.draw();
</script>

第三步：设置白名单(必须)

在项目发布到远程时，需要将远程域名，添加在有字库 白名单 中。白名单是为了保障用户的字体不被盗用，设置白名单后，远程网站就可以流畅应用有字库字体了，本地测试可不设置（已默认添加到白名单了）。

注意事项

• 第一个参数为选择器代码，允许设置多个选择器，用逗号隔开（与CSS选择器代码的写法一样）；
• 第二个参数为字体的Accesskey，Accesskey包含字体及用户身份信息，字体的Accesskey相对于同一个用户是固定不变的；
• 第三个参数为字体的英文名字；
• ．．．是指此处可以设置多行应用语句，且每一行可以是不同的字体(只需将字体对应的$youziku.load语句复制进来即可)；
• 每次刷新内容都会变的标签，请勿设置有字库字体。

多套字体的应用

同一页面上要引用多套字体，只需要将那套字体页面中的应用语句[$youziku.load("xxxxx","xxxxxxxxxxxxxxxxxx","xxxxxxxxxx");]设置在当前应用语句列表之后(．．．的位置)即可。不需要重复引用第一步中的JS文件和[$youziku.draw();]语句