联系电话: +86 010-56570809
关注:

wordpress教程

推荐一款字库:webfont中文云端字体服务-有字库

推荐一款字库:webfont中文云端字体服务-有字库

  • by 李小新
  • 2018-12-11 09:51
  • 675

       爆款双12阿里云服务器  仅需708元/3年

      现在到处都是英文的云端字体服务,前几天一直在找中文的webfont。发现中文的webfont只有一家:有字库。

官方也号称是网页在线引用、无需下载全球第一中文web font服务平台。貌似暂时还没发现其他的平台。

youziku

如果你也在寻找更具美感的中文字体,也想在网页进行使用,推荐可以去试试。

有字库全面兼容主流浏览器:360、Chrome、IE、FireFox、Safari等。

官方网站:http://www.youziku.com/

我用了几天。发现还比较稳定。它的采用的是:云服务器+CDN,速度还不错的说。当然这跟你使用的字体文件大小和调用方式等都有关系。

具体效果Demo还可以查看我博客顶部的logo文字。使用的就是迷你简细行楷+金梅毛行破裂字形。

使用方法很简单,后台获取一句代码就可以搞定。支持CSS、JS、Webservice等调用方式。

还有一点就是:未获授权的字体本平台不收录,但可通过上传以托管独享方式来实现,你懂的。

使用方法:

1.在要使用该字体的标签属性中添加如下代码:


  1. font-family:minijianxixingkai55387;

或调用class


  1. class="css457ccd6fa5524e6cdd2c26cb7ad46b4d"

例如:<h1>调用方式<h1>

例如:<div>调用方式<div class=”css457ccd6fa5524e6cdd2c26cb7ad46b4d”>

2.引用方式(分为同步和异步两种方式,根据需要选择其中一种方式)

同步方式(适用于少量文本)

将以下代码加到你网页的<head>标签之内。


  1. <link href='http://www.youziku.com/webfont/CSS/457ccd6fa5524e6cdd2c26cb7ad46b4d' rel='stylesheet' type='text/css'/>

异步加载方式(适用于大量文本)

将以下代码添加到您网页的</body>标签之后,</html>标签之前。


  1. <script type="text/javascript" src="http://www.youziku.com/UserDownFile/webfont.js"></script> <script type="text/javascript"> WebFont.load({ custom: { urls: ['http://www.youziku.com/webfont/CSS/457ccd6fa5524e6cdd2c26cb7ad46b4d'] } }); </script>

提醒:

  • 若是文字较少,推荐使用同步的方式
  • 异步引用方式会先显示整个页面,字体部分以默认字体显示(IE)或者空白(chrome),然后再加载字体效果,适用于页面中引用了大量文字的情况,以加快页面显示的速度,优化用户体验。
  • 若是有多套字体,则直接在urls变量中添加url就可以了,比如有三套字体,则为urls:['url1','url2','url3']

有字库还提供定制字库

你可以将手写的铅笔、钢笔或毛笔字做成字库,两周之内完成,交付格式为TTF字型文件,版权为你所有。

程序制作+人工调整,制作完成的字体可以应用于任何场合,任意缩放,上传到有字库,更多人可以使用。



标签: 字库

分享这篇文章:

分享请注明出处:

欢迎互联网爱好者能够跟我一起讨论模版建站、网络营销推广的知识,希望能够通过简单沟通互相学习!


相关的文章



相关评论

搜索

新发现工作室成立于2012年,专注于分享国内外优秀网站主题模板,所收集的主题包括涵盖范围广,包括:WordPress主题、discuz模板、dedecms模板等,同时新发现工作室也提供网站建设、网站模版汉化、仿站服务...

阅读更多

联系我们
  • 地址: 中国, 北京市,朝阳区,
    管庄乡, 畅春园
  • 手机: (010) 56570809
  • 邮箱: ilixing@sina.com
  • 周一 - 周五: 9:00 am - 10:00 pm
    周六 - 周日: 休息
热门主题
© 2015. «光山居士». 保留所有权利.