#fab-youtube 不起作用

支持
1

是我一个人的问题，还是其他人也缺少 YouTube 图标？

#fab-youtube 对我来说无法使用

2

你打算在哪里使用它？是在设置中，还是在主题里？

3

在简单的响应式页脚组件中，Twitter 和 Facebook 图标是否显示？

image
image165×207 2.25 KB

4

对我来说运行正常，建议你再检查一下设置……你需要在两个地方都进行配置。我的设置（默认值）如下所示：

Screen Shot 2020-09-03 at 10.29.11 PM
Screen Shot 2020-09-03 at 10.29.11 PM679×419 45.6 KB

5

我得到了 Dax 的建议，因为我想要在 first-box 中添加一个标志，她帮助了我，但我需要通过标记以可访问的方式实现，并包含 alt 文本。因此，我提取了 HTML 和 CSS，创建了一个静态版本的页脚，其中标志直接包含在标记中，而不是通过 CSS 实现。这样一来，我就无法再使用那些输入字段了。

标记如下所示：

image
image710×561 27.5 KB

6

您仍然需要在后端进行指定，以便图标能在页面中使用。Discourse 不会盲目加载所有 FontAwesome 图标，那样会非常消耗资源。

7

谢谢斯蒂芬，Twitter 和 Facebook 图标能正常工作吗？您能建议我如何操作吗？或者我最好直接上传资源文件并指向它们？

8 
<svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" id="fab-youtube" viewBox="0 0 576 512">
  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>

如果移除：fa d-icon d-icon-fab-youtube svg-icon svg-node，则需要指定宽度和颜色：

<svg id="fab-youtube" viewBox="0 0 576 512" style="width: 20px;fill: #fff;">
  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
9

Facebook 和 Twitter 图标在 Discourse 的其他地方已被使用，因此它们是可用的。

@Bcat 在上面发布的内容是 YouTube SVG 图标的源代码，因此你可以将其粘贴到现有内容的位置，它就能在你的 HTML 中正常工作。

10

谢谢 Bcat，你太棒了！！

11

也感谢你的帮助，Kris！