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

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

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

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

使用方法很简单,后台获取一句代码就可以搞定。支持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字型文件,版权为你所有。

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

稳定

产品高可用性高并发

贴心

项目群及时沟通

专业

产品经理1v1支持

快速

MVP模式小步快跑

承诺

我们选择声誉

坚持

10年专注高端品质开发
  • 返回顶部