DM教程

Font Awesome - 最流行的网页图标的使用

日期:2015-10-01 阅读:27245

Font Awesome - 最流行的网页图标的使用

DM系统默认并不支持Font Awesome 。需要在模板修改里 添加这个css即可。

assets/vendor/singlecss/font-awesome.css

如下图:

DM系统添加Font Awesome

---------------------
Font Awesome 是一套完美的图标字体

图标展示:http://fortawesome.github.io/Font-Awesome/icons/

如何使用:http://fortawesome.github.io/Font-Awesome/examples/

如果有的图标添加后不起作用,那是因为你添加的是Font Awesome最新版本的图标。
如果你一定要使用这些图标,那需要去Font Awesome官网下载最新版本。
覆盖: DM-static/app/fontawesome里的内容即可。

 

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

<i class="fa fa-shopping-cart"></i>

----------------

另一个字体库: icomoon

https://icomoon.io/#preview-free