前端工具—（图片，字体）

图片：（让你的网页变得更有逼格）

图片是一款应用，一个网站不可缺少的一部分，所以图片的"质量"和质量就尤为重要了。

Pexels：Free stock photos you can use everywhere. ✓ Free for commercial use ✓ No attribution required。这里有很多高清的图片，适合做网站和app的一些背景图片。（其实看了这么多的网站，我觉得coding的登录页面做的挺有逼格的《https://coding.net/login》，还有一个国外的网站也很有逼格，AKQA《http://www.akqa.com/》，这个网站你还会发现很多其他的东西，可以参考一下它们的设计风格。）。在设计的时候，可以多逛逛。可以给你的网站加分。《https://www.pexels.com/》

TinyPNG – Compress PNG images while preserving transparency：Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency! 这是一个图片压缩的网站，很实用，很常用，在很多情况下你都会用到。界面风格简单，操作简单、方便，现在优化一个很人性化的功能—打包下载，可以将你的图片批量拖拽过来，然后批量下载替换。压缩的图片高保真。这将会使你使用最多的一个工具。《https://tinypng.com/》

字体：（美化你的网页）

有字库：有字库为全球第一中文web font（在线字体）服务平台，专为网页设计师提供在线字体。使用起来还是较为方便，挺任性化的。可以只设置指定文字的字体，也可以设置所有的文字的字体（通过"卢教"模式{ 通过js的形式 }来进行设置），也可以设置多种字体，使用还是比较简单，方便。《http://www.youziku.com/》

忘记说一个坑了，我当时使用的时候，在本地是不会显示出字体效果的，必须在服务器上才可以看到效果，所以在使用的时候，如果本地没有看到效果的时候，上传到服务器看看。

阿里妈妈webfont平台：这个是iconfont的最近推出的在线平台，目前我还没有用过，不过了解了一下，感觉使用很简单，很快就可以入手。直接就是添加相应的css。我下载看过它的字体大小。大概几十kb的样子。很小很方便，不会影响页面的显示速度。《http://www.iconfont.cn/webfont/?spm=a313x.7781069.0.0.skrqN0#!/webfont/index》

阿里妈妈webfont平台

唯一的缺点就是，现在可使用的字体不多，只有思源的几个字体而已，但是我觉得之后会越来越多，可以多多关注。

字体图标：（让你的界面不再单调）

字体图标的话我这里就没有介绍不同的网站，我会从两个方面进行介绍，一种是框架自带的字体图标，另外一种就是第三方的字体图标平台。因为我还没有出前端工具—（前端框架）这个版块，所以这里我就简单举几个例子。

bootstrap : 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。一个比较强大的响应式框架，很多的网站都是用这个框架做的。它提供了自己的iconfont。《http://www.bootcss.com》

bootstrap

Bootstrap还有一个平台专门为其打造字体，Font Awesome，完美的图标字体只为Bootstrap设计《http://www.bootcss.com/p/font-awesome》，这里面就有很多很多的图标了。但使用起来不是很方便。

frozenui：简单易用，轻量快捷，为移动端服务的前端框架。专注于移动web的UI框架，基于腾讯手机QQ规范。这个框架的整体风格还是很不错，是基于手机QQ的规范来的，在手机端很实用。它们之前他们是使用sprite图，现在也提供了自己的一套iconfont。感觉还是不错。《http://frozenui.github.io/》，字体链接《https://github.com/frozenui/frozenui/wiki/iconfont%E4%BD%BF%E7%94%A8》

frozenui

ratchet：使用HTML‚ CSS‚ 与Javascript组件快速开发手机应用。很久以前用的一款前端框架。他们也有自己的iconfont。这里就不多做介绍了。《http://cnratchet.com/》

ratchet

...

还有很多就不一一介绍了，这个是你在使用前端框架的是时候可以使用它框架自带的一些字体图标，操作比较方便，简单。

第三方字体图标平台，Iconfont.cn,是由阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台。我想说，其实只要使用这个平台，其他你就不需要再去考虑其他的图标字体平台了，几乎你想要的字体图标这里都有。支持目前的多种格式下载，SVG，AI，png等等。《http://www.iconfont.cn/》

也支持项目的创建，和整个项目的css链接生成，也可以下载到本地。

使用很方便，快捷，更主要的是，你可以在这里找到很多你想要的字体。单纯我搜索了一下"分享"就有63页，虽然这有很多重复的，但我相信在这么多个分享图标中，会有你想要的那么一个。

介绍了这么多，如果使用的前端框架里面的字体图标已经满足你的需求的话，可以直接使用自带的，如果满足不了你的需求建议还是使用iconfont，使用很方便，字体图标也有很多，可以大大减少美工的负担，加快产品的开发。