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

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

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

youziku

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

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

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

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

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

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

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

使用方法:

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

  1. fontfamily: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字型文件,版权为你所有。

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

本站的文章多是老王开发工作中问题的记录,一个字一个字敲的,切实可行,可以分享,需要留个原文链接,至少也意思意思吧!
阿里云服务器怎么购买划算-vsalw技术博客 » webfont中文云端字体服务推荐:有字库

每个人都是以自己独特的方式体味生活,或许别人不理解,但自己知道:其中的酸甜苦辣就叫做幸福!

认同! 瞎扯淡!