README

此包不再维护，请使用新的 Font Awesome 扩展包。

Font Awesome

Font Awesome 图标的前端搜索。

此扩展包向 CP 添加了一个新的字段类型，使其能够轻松搜索和选择 Font Awesome 图标。此外，还提供了一个标签，使在模板中输出图标变得轻而易举。下面是使用说明部分的完整示例。

安装

使用 composer 安装扩展包

composer require aryehraber/statamic-font-awesome

发布字段类型资源与配置文件

php artisan vendor:publish --provider="AryehRaber\FontAwesome\FontAwesomeServiceProvider"

将您的 Font Awesome Kit URL 添加到配置文件（或 .env 文件）以开始使用此扩展包。

在此处开始使用 Font Awesome Kit： https://fontawesome.com/start。

重要提示：此扩展包当前仅在 CP 中支持 Web 字体 Kit。如果您想使用 SVG Kit，请创建 2 个 Kit，并在上述配置文件中使用 Web 字体版本，然后跳过 {{ font_awesome:kit }} 标签，并将您的 SVG Kit 代码手动添加到模板中。

使用方法

字段集

fields:
  -
    handle: feature_list
    field:
      type: grid
      fields:
        -
          handle: text
          field:
            type: text
        -
          handle: icon
          field:
            type: font_awesome

模板

<head>
    {{ font_awesome:kit }}
</head>
<body>
    <ul class="feature-list">
        {{ feature_list }}
            <li>
                {{ font_awesome:icon }}
                {{ text }}
            </li>
        {{ /feature_list }}
    </ul>
</body>

渲染的 HTML

<head>
    <script src="https://kit.fontawesome.com/[YOUR_KIT_ID_HERE].js" crossorigin="anonymous"></script>
</head>
<body>
    <ul class="feature-list">
        <li>
            <i class="fas fa-file-excel" aria-hidden="true"></i>
            Excel Files
        </li>
        <li>
            <i class="fas fa-search" aria-hidden="true"></i>
            Search
        </li>
        <li>
            <i class="fas fa-bolt" aria-hidden="true"></i>
            Speed
        </li>
    </ul>
</body>

aryehraber / statamic-font-awesome

维护者

详情

README

此包不再维护，请使用新的 Font Awesome 扩展包。

Font Awesome

安装

使用方法