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

设计素材 欲思 29评论

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

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

youziku

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

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

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

我用了几天。发现还比较稳定。它的采用的是:云服务器+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字型文件,版权为你所有。

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

转载请注明:欲思博客 » webfont中文云端字体服务推荐:有字库

如果你觉得这篇文章或者我分享的主题对你有帮助,请支持我继续更新网站和主题 !捐赠本站
喜欢 (54)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(29)个小伙伴在吐槽
  1. 没基础的我搞了5个多小时,终于会了
    简单哥2016-08-30 02:39 回复
  2. 还没弄懂这个。我的代码是这样的 问题是不能控制大小,也没有原来的鼠标放上去后出来一个闪退的效果。现在的是黑色字体。
    脑精2015-04-15 13:38 回复
  3. 呵呵,太给力了,感谢分享
    哈笑2015-01-18 18:48 回复
  4. 简单说下使用,只针对yusi主题,现在申请好字库,网站标题分两部分生成,以-为界,生成好了得到调用代码,选择CSS引用,复制 例如:调用方式中的style="font-family:minijianyingbikaishu150039;",打开header.php,找到class="yusi-mono",讲刚才复制的代码粘贴到class 前面,保存,第二步还是到刚到CSS页面中找到同步方式下面的代码,复制到网页的标签之内。也就是粘贴到为yusi主题的“页面头部公共代码”。重复步骤,将“-”后的部分包括“-”复制到有字库生成代码,再调用,打开header.php,找到class="yusi-bloger",剩下的应该不用再教了。。。还是有疑问的,加Q:80384955
    花非花2015-01-06 19:18 回复
    • 感觉那步页面头部公共代码没弄懂
      脑精网2015-04-13 22:13 回复
      • “页面头部公共代码”指的哪个文件?
        地不平2015-11-08 23:24 回复
        • <head> 标签内都是额。
          欲思2015-11-12 13:17 回复
    • header.php这个能找到,第二步的页面头部公共代码”这个文件没有啊
      地不平2015-11-08 23:27 回复
    • 复制到网页的标签之内,这句也不理解,复制到哪个字母哪里最好,毕竟是用的你的主题,一样的代码
      地不平2015-11-08 23:28 回复
  5. 您好,感谢您的主题分享。我注册有字库得到了“font-family:minijianxixingkai87019;”请问我该把他放入空间里的那个文件里的哪个位置呢?还有将这段代码“”该把他放入空间里的那个文件里的哪个位置呢?技术方面比较小白,不懂调用,只会这样整段加入等,还望得到您的解答,非常感谢。
    暖通密码2014-11-17 15:03 回复
  6. 谁来告诉我怎么修改这个标题字体的样式啊,我已经跑遍了淘宝、跟猪八戒威客就是没有人愿意帮我,他们动不动就说改这个要200多,还说这个标题是图片,我一听真的快疯了。
    我是小菠菜网2014-09-19 15:09 回复
    • 额。200多。。。。我靠。这是字体。上面都一步步有方法啊。再细的不知道怎么说了。
      欲思2014-09-19 15:48 回复
      • 怎么200还多? 有人接就算不错了!
        磊子2014-12-02 22:18 回复
      • 对于懂的人来说收200并不为过,虽然我们认为这很简单的一件事
        同盟源2015-05-27 19:26 回复
  7. 请问博客LOGO的那两段,分别是什么字体?从jin_mei_mxplzx55112和minijianxixingkai55387看不出来是啥字体
    youran2014-08-19 14:31 回复
  8. 多谢推荐 这个可以有
    灰常记忆2014-08-14 15:58 回复
  9. 我看你的字体是下载到本地的,这个要怎么做啊。把字体那几个文件下载到本地。
    dede452014-08-08 15:35 回复
  10. 实在是没搞明白这个字体是怎么调用的
    温情2014-08-05 15:41 回复
    • 已经很清楚了。
      欲思2014-08-05 16:21 回复
      • 查看你的源码也没看出来你是怎么加上特殊字体的 :arrow:
        温情2014-08-05 17:33 回复
  11. 请问logo字体“欲思博客”具体是怎么调用的CSS啊,修改哪个文件?
    RayKr2014-07-28 18:03 回复
    • 在你的主题style.css里面,修改.blogtitle中的具体fontfamily值,不同WP主题可能位置不太一样
      青劲草2014-08-14 15:17 回复
  12. yisi1.0如何 添加字体
    赤练丶风2014-07-24 13:25 回复
    • ?直接引用就可以额。。已经给出具体方法了啊。
      欲思2014-07-24 16:41 回复
      • 在HEADER那里引用 字体没有改变 style.css有字体控制?
        赤练丶风2014-07-24 17:15 回复
        • 博主是把字体文件放在服务器上,然后通过css引用的。善用浏览器审查元素功能。
          ruins2014-08-21 03:11 回复
        • 而这篇博文里博主的意思是,你需要那些字就在CSS转换框中输入那些字。因为中文字库太大不适合用在网络上,而有字库就是根据你的需求生成字库(这样的字库非常小,利于网上传输)。
          ruins2014-08-21 05:45 回复
          • 理解正确。
            欲思2014-08-21 13:15