iconfont在线使用技巧

iconfont cdn

在线使用网络字体技巧,阿里的iconfont

网络开发应该是人性化的,而且众多工程师一直在想办法使这些东西对我们的工作更加的友好.
在bootstrap席卷各个前端工程师的工作台后,其后的各种支持也跟随蔓延各地.

• 更简便的网络字体Glphicons
• 一大堆的更丰富的按钮样式
• 集成的轮播图效果等

很多让前端工程师头痛的东西都被轻易的继承了,我们都可以简单的拿来使用.
但是还是存在很多问题,在整体网页中,我们有时不需要很多的字体图标,如果想要用font-awesome或者Glphicons都需要连带着很多的东西,因为网络字体的机制问题,很多无用的垃圾都附带给了用户,造成很多的浪费.
然而,阿里的iconfonts很有效的解决了这个问题,也不是用了什么了不起的技术,只是做了很了不起的事.

• 主要思想是
  选中你所需要的图标,然后生成一个只是你的网页需要的独一无二的网络字体.

• 步骤大家都清楚,我要说的注意点是,因为使用惯了bootcdn,所以会以为阿里的cdn也是自适应的,导致一直出现不了想要的效果,其实问题是,你需要自己添加需要的http:/https:表头.

比如在线的cdn是这样的

//at.alicdn.com/t/font_1466592834_5198665.css

如果加到你的表头你需要变成

http://at.alicdn.com/t/font_1466592834_5198665.css

这样,或者

https://at.alicdn.com/t/font_1466592834_5198665.css

这样