# 如何在类别前添加ICON

**URL:** <https://www.isharkfly.com/t/icon/16253>\
**Category:** Discourse\
**Tags:** discourse\
**Created:** [September 8, 2024, 3:20am UTC](https://www.isharkfly.com/t/icon/16253 "2024-09-08T03:20:16Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![kacha1](https://www.isharkfly.com/user_avatar/www.isharkfly.com/kacha1/32/15186_2.png) [@kacha1](https://www.isharkfly.com/u/kacha1)\
**Post date:** [September 8, 2024, 3:20am UTC](https://www.isharkfly.com/t/icon/16253/1 "2024-09-08T03:20:16Z")

</div>

![chrome_2024-09-08_12-17-52](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/6/6390b1b56c7b3057b6afd3c3d137fcb1ddf271fe.png)

如题，

忘了怎么改为图标了

---

<div class="post-metadata">

**Author:** ![Lhcfl](https://www.isharkfly.com/user_avatar/www.isharkfly.com/lhcfl/32/14361_2.png) [@Lhcfl](https://www.isharkfly.com/u/Lhcfl)\
**Post date:** [September 8, 2024, 5:54am UTC](https://www.isharkfly.com/t/icon/16253/2 "2024-09-08T05:54:44Z")

</div>

> **[Category Icons](https://meta.discourse.org/t/category-icons/104683)**
>
> ⚠ This theme component is deprecated and should no longer be used. The feature is now in Discourse Core see: Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji :discourse2: Summary ...

---

<div class="post-metadata">

**Author:** ![kacha1](https://www.isharkfly.com/user_avatar/www.isharkfly.com/kacha1/32/15186_2.png) [@kacha1](https://www.isharkfly.com/u/kacha1)\
**Post date:** [September 8, 2024, 8:32am UTC](https://www.isharkfly.com/t/icon/16253/3 "2024-09-08T08:32:25Z")

</div>

原来之前安装过了

---

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [September 8, 2024, 12:12pm UTC](https://www.isharkfly.com/t/icon/16253/4 "2024-09-08T12:12:01Z")

</div>

这个挺好的，考虑去装一个。

---

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [September 9, 2024, 5:49pm UTC](https://www.isharkfly.com/t/icon/16253/5 "2024-09-09T17:49:22Z")

</div>

装了一个，但是好像很多情况下字体不全。

![2024-09-09_13-24-53](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/b/bcfb5c090127e989f7b9a315162642188612945d.png)

配置好了以后，但字体显示不出来。

好像 discourse fontawesome 用的版本是 V5。

如果使用专业版的话，费用一年要 50 多美元。

![2024-09-09_13-41-43](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/0/086bf2e5c8864ed3ee70ff88d868a54a7357083d.png)

---

<div class="post-metadata">

**Author:** ![Dummy](https://www.isharkfly.com/letter_avatar_proxy/v4/letter/d/7c8e57/32.png) [@Dummy](https://www.isharkfly.com/u/Dummy)\
**Post date:** [November 12, 2024, 7:31am UTC](https://www.isharkfly.com/t/icon/16253/6 "2024-11-12T07:31:46Z")

</div>

中文也是这么用吗？我的咋不生效呢。

 ![1731396540346](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/7/7d5c44f73d5a78d810e2eda0d7f0a9fedfcb7830.png)

---

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [November 12, 2024, 7:50am UTC](https://www.isharkfly.com/t/icon/16253/7 "2024-11-12T07:50:36Z")

</div>

你看看是不是这个问题：[Discourse 类别前 icon 需要 font awesome 的支持 - #2 by Lhcfl](https://www.isharkfly.com/t/discourse-icon-font-awesome/16261/2)

如果把中文换成英文有问题吗？

如果换成英文没有问题，那么应该是中文不支持。

---

<div class="post-metadata">

**Author:** ![Dummy](https://www.isharkfly.com/letter_avatar_proxy/v4/letter/d/7c8e57/32.png) [@Dummy](https://www.isharkfly.com/u/Dummy)\
**Post date:** [November 12, 2024, 7:58am UTC](https://www.isharkfly.com/t/icon/16253/8 "2024-11-12T07:58:49Z")

</div>

emmmm，感觉不是不支持，我看了论坛里两个网友 @luobo@whitewatercn 的论坛也是中文的也可以，好像是我的问题 😅，我换成java也不生效，就是不知道哪里搞错了

---

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [November 12, 2024, 2:46pm UTC](https://www.isharkfly.com/t/icon/16253/9 "2024-11-12T14:46:00Z")

</div>

我记得可以调整的地方就那么几个地方。

其他的也都是正常的调整。

还有可能的就是字体没有安装所以不显示。

---

<div class="post-metadata">

**Author:** ![luobo](https://www.isharkfly.com/user_avatar/www.isharkfly.com/luobo/32/15604_2.png) [@luobo](https://www.isharkfly.com/u/luobo)\
**Post date:** [November 13, 2024, 1:37am UTC](https://www.isharkfly.com/t/icon/16253/10 "2024-11-13T01:37:48Z")

</div>

> [@Dummy](#):
>
> 感觉不是不支持，

 ![image](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/3/3c00a3d68c462fff8b1d15af7db4b54c855e5bea.png)

应该是这里的问题，这里应该写分类的slug索引路径，而不是分类的名称。

---

<div class="post-metadata">

**Author:** ![Dummy](https://www.isharkfly.com/letter_avatar_proxy/v4/letter/d/7c8e57/32.png) [@Dummy](https://www.isharkfly.com/u/Dummy)\
**Post date:** [November 13, 2024, 1:43am UTC](https://www.isharkfly.com/t/icon/16253/11 "2024-11-13T01:43:57Z")

</div>

slug索引路径是啥?

---

<div class="post-metadata">

**Author:** ![luobo](https://www.isharkfly.com/user_avatar/www.isharkfly.com/luobo/32/15604_2.png) [@luobo](https://www.isharkfly.com/u/luobo)\
**Post date:** [November 13, 2024, 1:44am UTC](https://www.isharkfly.com/t/icon/16253/12 "2024-11-13T01:44:16Z")

</div>

> [@Dummy](#):
>
> 换成java也不生效

 ![image](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/4/46909da9b69a3adf33e970ba69590174bc7119b3.png)

java有可能是保留字，所以不生效，图标前面应该是不能加fab的前缀，我实测部分font awesome的图标名称确实不生效，尤其是类似于java、python、docker这种，感觉应该是论坛留的保留字，你换成其他试试呢。

---

<div class="post-metadata">

**Author:** ![luobo](https://www.isharkfly.com/user_avatar/www.isharkfly.com/luobo/32/15604_2.png) [@luobo](https://www.isharkfly.com/u/luobo)\
**Post date:** [November 13, 2024, 1:46am UTC](https://www.isharkfly.com/t/icon/16253/13 "2024-11-13T01:46:20Z")

</div>

> [@Dummy](#):
>
> slug索引路径是啥?

 ![image](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/3/30d0c2335e7ca91c274df859c973c14bfa7337ca.png)  
 ![image](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/e/e382b9ef019d6580643bf4bd48dbd396b7ec0b49.png)

这个就是分类的slug索引路径名称。

---

<div class="post-metadata">

**Author:** ![Dummy](https://www.isharkfly.com/letter_avatar_proxy/v4/letter/d/7c8e57/32.png) [@Dummy](https://www.isharkfly.com/u/Dummy)\
**Post date:** [November 13, 2024, 1:47am UTC](https://www.isharkfly.com/t/icon/16253/14 "2024-11-13T01:47:35Z")

</div>

是我的问题，之前没写上类别缩略名 🤣

 ![1731462426268](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/6/63590df2955ff4d9f32a67d0669dd3a7cefb46d0.png)

---

<div class="post-metadata">

**Author:** ![Dummy](https://www.isharkfly.com/letter_avatar_proxy/v4/letter/d/7c8e57/32.png) [@Dummy](https://www.isharkfly.com/u/Dummy)\
**Post date:** [November 13, 2024, 1:48am UTC](https://www.isharkfly.com/t/icon/16253/15 "2024-11-13T01:48:13Z")

</div>

学到了，谢谢 👍，难怪我写上类别缩略名又可以。
