# 品牌标题中的图标不显示吗？

**URL:** <https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730>\
**Category:** Support\
**Tags:** brand-header\
**Created:** [2022年四月19日 16:17 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730 "2022-04-19T16:17:13Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![DavidO](https://avatars.discourse-cdn.com/v4/letter/d/f475e1/32.png) [@DavidO](https://meta.discourse.org/u/DavidO)\
**Post date:** [2022年四月19日 16:17 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/1 "2022-04-19T16:17:13Z")

</div>

这还活跃吗？

我遇到了图标显示不正确的问题。我在设置中有这个……

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/f/e/bfe01891daf5918762b7849d39a569dd73826f4d.png)

但页面上显示的是这样……

![image](https://global.discourse-cdn.com/meta/original/4X/c/e/a/cea7528bafcbc1e4f312afcedf3b577bfbf119b8.png)

图标应该出现的地方只是空白。如果我将鼠标悬停在链接上，链接是存在的，但图标没有。

---

<div class="post-metadata">

**Author:** ![simonk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simonk/32/247950_2.png) [@simonk](https://meta.discourse.org/u/simonk)\
**Post date:** [2022年四月19日 18:09 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/2 "2022-04-19T18:09:12Z")

</div>

如果将“图标”和“自定义 Font Awesome 图标”部分中的 `fa-brands fa-youtube` 替换为 `fab-youtube`，它是否有效？对于 Discourse 图标也应该同样有效。我不确定浏览器图标。

---

<div class="post-metadata">

**Author:** ![DavidO](https://avatars.discourse-cdn.com/v4/letter/d/f475e1/32.png) [@DavidO](https://meta.discourse.org/u/DavidO)\
**Post date:** [2022年四月19日 18:19 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/3 "2022-04-19T18:19:33Z")

</div>

谢谢！

这对于 fab-discourse 有效。

它对于 fab-youtube 或 fab-browser（或 fa-solid fa-browser）无效。我的命名是基于这里的：[Browser Light Icon | Font Awesome](https://fontawesome.com/icons/browser?s=light)

---

<div class="post-metadata">

**Author:** ![DavidO](https://avatars.discourse-cdn.com/v4/letter/d/f475e1/32.png) [@DavidO](https://meta.discourse.org/u/DavidO)\
**Post date:** [2022年四月25日 03:44 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/4 "2022-04-25T03:44:35Z")

</div>

我尝试了几种不同的方法，但仍然没有成功。YouTube 和浏览器（网站）的空白处仍然是空白的。

---

<div class="post-metadata">

**Author:** ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)\
**Post date:** [2022年四月25日 07:31 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/5 "2022-04-25T07:31:41Z")

</div>

尝试在“`svg icon subset`”站点设置中添加自定义图标。

---

<div class="post-metadata">

**Author:** ![DavidO](https://avatars.discourse-cdn.com/v4/letter/d/f475e1/32.png) [@DavidO](https://meta.discourse.org/u/DavidO)\
**Post date:** [2022年五月14日 19:53 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/6 "2022-05-14T19:53:45Z")

</div>

> [@vinothkannans](#):
>
> svg 图标子集

谢谢。我真的不确定我该怎么做。这样对吗？这是我缺少的两个。

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/6/1/8618dfcc22b475aff41f6a287b63b54768520b21.png)

但它没有解决问题，仍然出现……

![image](https://global.discourse-cdn.com/meta/original/4X/b/a/a/baa7a967745c90e50f546591ac4095af4d5bd5d2.png)

我想我是做错了。

---

<div class="post-metadata">

**Author:** ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)\
**Post date:** [2022年五月17日 07:40 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/7 "2022-05-17T07:40:56Z")

</div>

![Screenshot 2022-05-17 at 1.07.43 PM](https://global.discourse-cdn.com/meta/original/4X/2/b/d/2bdd5683d961ba9f86a97b035ce656172fec8467.png)  
 ![Screenshot 2022-05-17 at 1.07.53 PM](https://global.discourse-cdn.com/meta/original/4X/9/4/0/94092f62e8d8898082fa6cc5227b75b3babef8e4.png)

正如你所见，YouTube 图标对我来说运行正常。看起来“[`fa-browser`](https://fontawesome.com/icons/browser?s=solid)”是一个 **pro** 图标。在这种情况下，你需要下面的插件和身份验证码。

> [@Discourse FontAwesome Pro](https://meta.discourse.org/t/fontawesome-pro-icons/150871):
>
> discourse2Summary Discourse FontAwesome Pro allows the use of Font Awesome Pro icons in Discourse with a [FontAwesome license](https://fontawesome.com/plans) by using your account’s NPM package token.hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-fontawesome-pro](https://github.com/discourse/discourse-fontawesome-pro)open_bookInstall Guide [How to install plugins in Discourse](https://meta.discourse.org/t/install-plugins-in-discourse/19157)Configuration This requires a few extra step to enable from a normal plugin: First, you will need to set up an additional env var containing your font awe…

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2024年六月19日 09:57 UTC](https://meta.discourse.org/t/icons-not-displaying-in-brand-header/312730/8 "2024-06-19T09:57:08Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
