微软谷歌在华拉拢开发者，我也继续推荐几个在线字体图标用于前端开发

So 小败恢复更新 送上2017春运购票日历

年关将近各大国外厂商齐齐搞了个大新闻

微软WinHEC 2016大会时间正式公布:12月8日于深圳举行

12月8日,2016年谷歌开发者大会在北京国家会议中心举办

别忘了砸门还是IT博客！

所以 这次分享几个本人前端开发中用到的在线资源站点。

1.有字库

网站名称：有字库-全球唯一中文在线字体

站点连接：http://www.youziku.com/

有字库是全球第一中文web font（网络字体）服务平台。

我们致力于美化网页界面，降低网页设计和维护的难度，同时提升效率。

web font 的服务在国外已经比较普及， 著名的有google fonts、typekit等网站，但是国内在中文web font上面一直是一片空白，众多中文网站设计者们只能望洋兴叹。 有字库为此应运而生。

使用教学：

1、只需在页面代码中加入css文件引用标签()，然后在效果显示标签设置class属性即可

2、直接双击打开html文件浏览是不能看到字体效果的，即url以“file”开头的，如：file:///E:/test.html。一定要通过本地建立的虚拟网站或发布到外网进行测试，如 http://localhost/test.html、http://127.0.0.1/test.html、http://www.youziku.com/demo/demo_css.htm

SO

我就不用班门弄斧了大家都懂的！字体部分收费 很烦的，毕竟别人需要盈利嘛！

2.Font Awesome

网站名称：Font Awesome一套绝佳的图标字体库和CSS框架

站点连接：http://www.uupoop.com/

Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。

使用教学：

最简单的方式：BootstrapCDN（由MaxCDN提供）

一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西！

将以下代码粘贴到网页HTML代码的部分.

当新版本发布时，BootstrapCDN需要一点时间来同步到最新版本。稍安勿躁 :)

参考示例，然后开始使用Font Awesome吧!

简单方式之一：使用默认CSS

如果您使用了默认的Bootstrap CSS样式，那么你可以使用这种方式来引入默认的Font Awesome CSS样式。

复制整个font-awesome文件夹到您的项目中。

在HTML的中引用font-awesome.min.css。

参考示例，然后开始使用Font Awesome吧!

hi！我是小败。

推荐最新最有趣的资讯和软件

微信公众号：小败部落格 个人博客：chensir740.com 微博：chensir740

读完我的文章有收获，记得打赏、关注和点赞哈

最后给部落格博客的老伙计们送福利：磁力下载站，美剧更新速度杠杠的 像字幕组等都在在这拿资源的