美化文章标题和内容–WordPress集成有字库字体插件

创造未来
创造未来
创造未来
686
文章
0
评论
2017年10月16日22:43:17美化文章标题和内容–WordPress集成有字库字体插件已关闭评论 已被24 人盯上 1640字阅读5分28秒

有字库简介

有字库是全球第一中文Web Font(网络字体)服务平台。

我们致力于美化网页界面,降低网页设计和维护的难度,同时提升效率。

Web Font 的服务在国外已经比较普及, 著名的有Google Fonts、Typekit等网站,但是国内在中文Web Font上面一直是一片空白,众多中文网站设计者们只能望洋兴叹。 有字库为此应运而生。
在正式介绍插件以前,先来普及下有字库能够干什么,换句话说,就是其特色功能。由于官方的介绍比较长,在本文我就简略描述下,需要具体了解的可以通过我给的链接查看。

特色功能

在线字体:

通过按需截取的方式生成小字库(可以小到几十K,甚至几K),有效控制了字体文件的大小,使中文也加入了网络字体的阵营。

解决了之前由于中文字体过于庞大,小则三五兆,大则十几兆,在线字体只流行于英文网站的情况。

美化网页:

现在已经不是万维网初期的草莽时代,用户们对网页的效果越来越挑剔。

由于网页中最主要的元素莫过于字体了,所以要根据不同的场景,采用不同风格的字体。

全面兼容:

常见的都支持,不过有一点点儿版本限制,基本可以忽略不计负面影响。

极速稳定:

采用了阿里云的存储与CDN服务,即使官网宕机,其服务依旧可用。

简单易用:

有字库有三种调用方式,第一种是CSS引用方式,第二种是Javascript引用方式,第三种就是用有字库的SDK 。

而我这次介绍的,就是第三种方法——官方开发的WordPress插件

托管独享:

这是针对商业客户的功能,为了客户方便使用其购买的商业字体开发的。

有字库对你从方正、蒙纳能字体厂商处购买的字体进行托管,该字体只有你自己才能使用,其他人无权使用。

要了解更多,可访问有字库官方:http://www.youziku.com/introduce/index

接下来的是我个人认为的一点优势:

第一,其字库服务使用了安全证书,能有效保证网站的绿锁正常。使用最新版的Chrome浏览器的人可能深有体会,没错,就是上面会有大大的“安全”字样。

第二,每个月赠送10万库币,个人用户使用基本上不用出太多的钱。

第三,这个是我潜伏在群里看他们聊天发现的。如果你对你的字特别有信心,有字库可以免费帮你把自己的字制作成字体,然后进行托管使用。

第四,暂时没发现,先占坑留着。接下来,就正式开始介绍其插件的使用步骤了。

使用步骤

第一,下载插件。官方开发的WordPress插件

下载完成以后对压缩包名称进行重命名,比如我的是“youziku”。

第二,安装插件。

登录WordPress后台,点击 插件 》 安装插件 》 上传插件 》 选择文件 》现在安装。安装完成以后,会跳转到成功界面。点击下面的启用插件,进入下一步的设置。

第三,设置插件。

进入有字库官网,注册并登录帐号。点击个人中心进入我的账户。点击接口白名单,添加要使用服务的域名,通常只需添加其一级域名(不带 www. 的部分),默认的带 www. 的二级域名就会自动添加上。

接下来,鼠标移动到WordPress后台的左侧边栏的有字库设置,会弹出“有字库设置”和“初始化设置”。点击初始化设置,填入有字库分配的ApiKey和UserKey。

进入有字库官网,点击在线字库。选择你喜欢的字体进行收藏,至少选择两款字体,一款标题字体和一款内容字体。

然后导入你收藏的字体,并保存更改。如果以后收藏了更多的字体,再次重复其操作。我们也可以在这里导出其字体设置,并妥善保存,以便日后不时之需。

点击“初始化设置”上方的“有字库设置”,选择合适的文章标题字体和文章内容字体,保存更改并应用到所有文章。特别提示,下方的自定义字体设置部分,需要使用者个人有较扎实的前端知识,适合网页设计师和前端工程师等专业人士使用,这里就不多说了。

到了这里基本上就设置完成了。如果你只是想测试一下,上一步中只需选择相关字体并保存更改,不用应用到所有文章。随机选择一篇文章,点击编辑器上方的绿色有字库标识,选择合适的字体,把代码插入到文中,然后进行文章更新。多刷新几遍,然后就可以看到具体效果了,如下图。

继续阅读
weinxin
我的微信
这是我的微信扫一扫
  • 本文由 发表于 2017年10月16日22:43:17
  • 除非特殊声明,本站文章均为网络收集,如侵犯您的权益可联系邮箱:541074440@qq.com
WordPress 4.9 正式版发布 WordPress资讯

WordPress 4.9 正式版发布

WordPress 4.9 正式版已发布,它能让您的设计工作流更顺滑,防止您的代码出现错误。不过呢小编我发现了部分英文还没被翻译成中文,而且编辑器里的清除超链接的按钮也没有了。主题预览有些卡顿。 大规模的定制器改善、代码错误检查和更多! 欢迎来到改良的定制器工作流,包括了设计草稿、锁、计划和预览链接等新功能。此外,代码语法高亮和错误检查能让您的站点建设体验更整洁平滑。我们还为您带来了全新画廊小工具...
2017年7款最好用的 WordPress 多语言翻译插件 Wordpress插件

2017年7款最好用的 WordPress 多语言翻译插件

写一篇好文章,通常要做大量工作,你自然就想把写出来的文章分享给最广大的受众。 现而今,最通用的语言当属英语。Ethnologue(民族语言网)在其2015年版用户手册中指出,在全球74亿人中,有近10亿人以某种形式说英语,有4亿人以英语为母语。 与使用互联网有关的数据则更加有趣。网络技术调查网站W3Techs公司的调查结果表明,虽然仅有25.9%的互联网用户说英语,但是多半,准确地说,53.6%的...
WordPress 4.8.3 安全更新 WordPress资讯

WordPress 4.8.3 安全更新

WordPress 4.8.3 是一个安全版本,主要修复之前版本存在的安全问题: 之前版本的 $wpdb->prepare()  可以创建意想不到的和不安全的查询,导致潜在的SQL注入。WordPress 核心并没有直接受到这个问题的攻击,但是我们已经添加了增强功能来防止插件和主题意外地造成漏洞。 此外,WordPress 4.8.3 还包含的  esc_sql()  函数的行为变化。大多数...
WordPress站外域(链接)nofollow Wordpress基础

WordPress站外域(链接)nofollow

WordPress站外域(链接)nofollow是指在文章、页面中不属于自己网站域名的域名加上nofollow。与阅读全文more-link nofollow、评论链接nofollow、分页插件WP-PageNavi分页导航nofollow有所不同,这些都是针对站内的url地址,而WordPress站外域(链接)nofollow显然是针对站外地址。我使用的这款主题也没有这个功能,我发现很多Word...