前端开发利器

  1. icon图标生成
  2. 自制字体图标
  3. 公共CDN
    1. jsDelivr
    2. CDNJS
    3. BootCDN

icon图标生成

favicon-generator

在线生成文本icon图标。

自制字体图标

第一步:制作或从Iconfont-阿里巴巴矢量图标库下载需要的矢量icon的svg格式(如:可以把png格式的图片转化为svg)。
第二步:将svg导入在线转换网址并生成font。
第三步:写less(或者css),定义这些icon的样式。
第四步:在页面中引入css样式定义,并应用字体图标:

<span className="fa fa-home"></span>
/**更改大小和颜色**/
<span className="fa fa-home" style="font-size:30;color: blue"></span>

参考:三分钟教会你自制 iconFont 字体图标库

公共CDN

jsDelivr

官网:http://www.jsdelivr.com/

MaxCDN是一家价格相对比较便宜的CDN公司,在全球分布着众多的节点。 jsDelivr是基于MaxCDN的一个免费开源的 CDN 解决方案,用于帮助开发者和站长。jsDelivr包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。

CDNJS

官网:http://www.cdnjs.com/

CDNJS提供非常完整的 JavaScript 库,无论是热门或是冷门的一应俱全。若你觉得它们缺少哪些好用的函式库,也可以自行提交到网站里,通过审核后就 CDNJS 就会为你分流 js文件!

BootCDN

官网:http://www.bootcdn.cn/

BootCDN 是 Bootstrap中文网支持并维护的开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular 一样优秀的开源项目提供稳定、快速的免费 CDN 服务。BootCDN所收录的开源项目主要同步于CDNJS仓库。


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达,在下面评论区告诉我^_^^_^