# Font Awesome 图标选择器

**URL:** <https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221>\
**Category:** Feature\
**Created:** [2019年十二月5日 23:45 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221 "2019-12-05T23:45:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2019年十二月5日 23:45 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221/1 "2019-12-05T23:45:22Z")

</div>

我们一年前就引入了 Font Awesome 5，并开发了不少功能，让用户能够选择 Font Awesome 图标。

### 群组标识

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/7/27b6413741edad5bb100a1238a051aef1a114549.png)

### 徽章管理界面

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/8/6872819037b1a26a15a1f0d8e95b7319b31a0c66.png)

### 主题组件

例如：[Tag Icons](https://meta.discourse.org/t/tag-icons-component/109757)

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/0/e0d2c4dd8a9cd83c7b08c9d848b2ac6d203c5629.png)

### 站点设置

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/3/23374db66ed7392aa1b9bfd9b43d16ec564065b3.png)

目前，选择图标确实非常棘手。

您需要前往 [https://fontawesome.com/icons?d=gallery&m=free](https://fontawesome.com/icons?d=gallery&m=free)（免费图标至关重要，因为我们仅随附这些图标），然后搜索合适的图标。接着，您还需要知道何时添加 `fab`、`far` 或不添加任何前缀。

这对 Discourse 管理员来说可能相当令人困惑。

我们还计划在其他地方添加 Font Awesome 图标选择器，例如：[https://meta.discourse.org/t/add-a-curated-personal-learning-page-for-users/132897，该功能正在由](https://meta.discourse.org/t/add-a-curated-personal-learning-page-for-users/132897%EF%BC%8C%E8%AF%A5%E5%8A%9F%E8%83%BD%E6%AD%A3%E5%9C%A8%E7%94%B1) @markvanlan 和 @eviltrout 开发。

如果能有一个类似表情符号选择器的图标选择器，即可在所有当前使用 Font Awesome 图标的地方复用，并扩展到未来其他可使用 Font Awesome 的场景，那就太好了。

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2019年十二月6日 09:26 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221/2 "2019-12-06T09:26:56Z")

</div>

这不会导致需要打包所有 Font Awesome 图标，从而引入巨大的依赖吗？

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2019年十二月6日 09:28 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221/3 "2019-12-06T09:28:49Z")

</div>

我们已包含所有图标的打包文件。仅在打开选择器时会使用大型捆绑包，其余部分将沿用现有的优化方案。我们目前也支持在运行时动态生成最小化捆绑包。

---

<div class="post-metadata">

**Author:** ![markvanlan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/markvanlan/32/160087_2.png) [@markvanlan](https://meta.discourse.org/u/markvanlan)\
**Post date:** [2020年二月5日 16:26 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221/5 "2020-02-05T16:26:49Z")

</div>

@j.jaffeux 在 select-kit 2 的更改之后，一直在对图标选择器进行一些工作。

如果我理解正确，你仍在开发中，Joffrey，这些地方将是测试它的绝佳选择！

---

<div class="post-metadata">

**Author:** ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)\
**Post date:** [2020年二月5日 16:38 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221/6 "2020-02-05T16:38:39Z")

</div>

是的。我在 PR 帖子中已经说明，目前我们只针对一个屏幕进行开发，以确保所有细节都正确无误。其他组件随后会跟进，这个组件可能是最简单的。

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2020年十一月3日 06:56 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221/7 "2020-11-03T06:56:36Z")

</div>

我们现在有了 🙂

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/3/130f2ff1ccb145d5c2000502aee04a40c59f9654.png)

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2020年十一月3日 06:56 UTC](https://meta.discourse.org/t/a-picker-for-font-awesome-icons/135221/8 "2020-11-03T06:56:42Z")

</div>


