注册 登录 欢迎您到www.66sblive.com 官网开户电脑版:专注dedecms模板下载制作,织梦模板下载,织梦模板仿制等。

热点资讯

该栏目搜集和站长最为紧密的一些行业动态,资讯。

当前位置:66rfd > 技术文库 > 热点资讯 >

中文云端字库-有字库

www.66rfd.com 申&搏最新网上营业厅 2014-12-13 12:21 热点资讯 评论



自从CSS3推出后,字体图标和中文字体可以尽情应用于页面制作。 

今天主要和大家介绍的是中文字体方面的应用。不得不说的是在网页中加载中文字体,传统的做法是需要将对应的字体上传至服务器,然后引用,这个过程无疑会加大服务器负荷。

今天给大家推荐一个云端中文字体库。  有字库

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

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

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


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

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

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

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

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


下边以我的一个演示站为例说说使用方法:


上图中的“培训师工具屋”6个字就是用有字库的在线字体实现的。 


第一步:在线生成字体     在有字库官网在线生成“培训师工具屋”的在线字体。  



上图中采用的是CSS调用方法; 输入你的文字,然后点击生成, 对应会生成在线字体以及引用方式;  


第二步:引用字体到网页中

1、首先确定引用方式, 同步加载异步加载

同步方式(适用于少量文本)
将以下代码加到你网页的<head>标签之内。

<link href='http://www.youziku.com/webfont/CSS/2a9e38be0c2d14642bad578680088b78' 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/2a9e38be0c2d14642bad578680088b78']
        }
    }); </script>


2、字体引用。 

方法1、 

<h1 style="font-family:jin_mei_mxplzx78306;">培训师工具屋</h1>

方法2、

<h1 class="css2a9e38be0c2d14642bad578680088b78">培训师工具屋</h1>


赞 (1)

www.66sblive.com项目

会员利益

关于我们

www.66rfd.com 申&搏最新网上营业厅 |

www.66sblive.com 官网开户电脑版由一批热爱网页设计、敢于追求梦想、努力付诸行动的热火青年联合打造,在我们的努力之下,让您拥有一个全方位的独立网站变得异常简单。 在这里,您可以不花一分钱拥有自己的网站,您也可以用很少的投资,获得我们全方位的技术支持,为您的网站,选择织梦阁。

  • 会员群:织梦阁会员群
  • 会员群:织梦阁会员群