webfont中文云端字体:有字库的使用

webfont 中文云端字体:有字库的使用

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

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

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

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

官方网站:点击链接

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

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

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

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

使用方法:

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

font-family:minijianxixingkai55387;

或调用 class:

class="css457ccd6fa5524e6cdd2c26cb7ad46b4d"

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

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

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

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

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

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

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

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

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

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

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » webfont中文云端字体:有字库的使用

发表回复