如上图所示,左侧工具栏和右侧的文件图标,都是用的fontawesome图标字体,属于Unicode码。好处就是可以自定义字体大小、颜色等,也可以根据手表点击、滑动等实现不同的事件效果。
一、下载fontawesome字体
去fontawesome官网,下载字体样式,项目中只需要用到途中文件。
二、加载字体
fontswesome提供了丰富的图标库,我们可以直接拿来使用,只不过需要进行一步转化。
如下图,打开fontawesome官方图标页面,按F12,选中咖啡图标,在元素页签选中::before,右侧显示字体的content为 \f0f4,代码中需要将其转化为Unicode码,也就是在斜杠后f前加个u变为 \uf0f4。