技术水潭:简单设置Web Font

一行代码使用Web Font

序言

首先就不得不说到一个网站叫有字库(传送门),给开发者提供了一个第三方平台以便调用CSS字体。大部分功能免费,仅部分字体需要购买。

这篇文章就是个例子。

使用方法

使用方法很简单:注册有字库,收藏字体,加网站域名到白名单,安装插件或者加入js代码。

WordPress有专用的插件

官方下载地址:

youziku-wordpress 3.0.zip

下载后在后台按照提示输入api的accesskey等信息,同步收藏,设置字体,应用至全部文章。

更新

有字库每月赠送5w酷币/月并有10w应急酷币。

注意:

库币计费规则(引用自官网)

当页面使用有字库字体,内容更新时,即需要有字库生成小字体,一个小字体一次生成消费10个库币;

当页面使用有字库字体,内容显示时,即调用有字库已经生成的小字体,一个小字体一次调用消费1个库币;

也就是说,页面第一次被打开时,扣10库币,后面内容不变的话,再被打开,就只扣1个库币(对的,不同的人打开也都是只扣1个库币)。

一张页面同时使用多个有字库字体,则生成或调用消费的库币按字体数量翻倍(即:该页面1次PV消费库币=字体数量*1库币);

如果页面上调用的字体没有被实际加载(如选择器指向的标签不存在),则不产生消费。

评论已关闭