README

提供一个字段，可以轻松选择用于前端的font-awesome图标

功能

轻松选择在前端任何位置使用的图标
可以按图标名称筛选

安装

Composer

确保您没有在主题中重复加载css/fonts。

理想情况下，应使用composer安装此模块。composer require "moe/font-awesome:@stable"

屏幕截图

Font awesome图标视图

筛选视图

用法

一个基本的示例，以及以下任何您希望字段在其中的类；

    private static $db = array(
        'Icon' => 'Varchar(255)',
    );

    public function getCMSFields()
    {
        $fields = parent::getCMSFields();

        $fields->addFieldsToTab('Root.Main', array(
           FontAwesomeField::create("Icon", "Font Awesome icon")
        ));

        return $fields;
    }

然后在您想要放置图标的模板中简单包含

    <i class="fa $Icon"></i>

控制器扩展应确保您有权访问图标，这样您就不需要重复CSS文件。

想要颜色而不是图标吗？

我们为您提供了解决方案，请查看color-swabs！

使用的/修改的库

Font Awesome 4.7

moe / font-awesome

维护者

详细信息