相比于用了很长一段时间的 4.x 版本,FontAwesome 5.x 有着大量的改变。为了更好的使用,开发团队将图标进行了重新设计,并消除了不匹配的图标外观,目前已包含 3 种不同风格的图标集。
 

他们的风格分别是:

 
目前来看,light(细体)的图标全部是专业版才能有的。
 
说到专业版,到了FontAwesome 5.x时代,图标也有了免费版和专业版之分。
目前的最新版5.0.8,有946免费图标,1,535专业版图标。
详情可以到fontawesome.com查看。
 
此外,新版本使用了全新的 SVG w / JS ,现代化 CSS 和官方 JavaScript 组件包。编码人员可以使用CDN进行加载,也可以用JS方式嵌入。
这里,主要讲如何在Photoshop中使用fontawesome字体。
 
不过说了,下面请看教程:
(提示:本视频含背景音乐,完整视频需要消耗63MB的流量,请注意观看环境。)