字体图标

layui 的所有图标全部采用字体形式，取材于阿里巴巴矢量图标库（iconfont）。因此你可以把一个icon看作是一个普通的文字，这意味着你直接用css控制文字属性，如color、font-size，就可以改变图标的颜色和大小。而区分不同的图标，我们主要是采用 Unicode 字符

使用方式

通过对一个内联元素（一般推荐用 i标签）设定 class="layui-icon"，来定义一个图标，然后对元素加上图标对应的 Unicode 字符，即可显示出你想要的图标，譬如：

<i class="layui-icon">&#xe60c;</i>   
其中的 &#xe60c; 即是图标对应的Unicode字符
 
你可以去定义它的颜色或者大小，如：  
<i class="layui-icon" style="font-size: 30px; color: #1E9FFF;">&#xe60c;</i>
内置图标一览表（119个）
跨域问题的解决

由于浏览器存在同源策略，所以如果layui（里面含图标字体文件）所在的地址与你当前的页面地址不在同一个域下，即会出现图标跨域问题。所以要么你就把Layui与网站放在同一服务器，要么就对Layui所在的资源服务器的Response Headers加上属性：Access-Control-Allow-Origin: *

Layui - 用心与你沟通

© 2018 layui.com MIT license