¿Solo me pasa a mí o a alguien más también le falta el icono de YouTube?
#fab-youtube no funciona para mí
¿Dónde estás intentando usarlo? ¿En una configuración? ¿En un tema?
Recibí consejos de Dax porque quería añadir un logotipo en first-box y ella me ayudó, pero necesito hacerlo de manera accesible mediante el marcado e incluir texto alternativo. Así que tomé el HTML y el CSS y he creado una versión estática del pie de página que incluye el logotipo en el marcado en lugar de en el CSS. Por lo tanto, ya no tengo disponibles esos campos de entrada.
El marcado se ve así:
Aún necesitarás especificarlo en el back end para que el icono esté disponible para su uso dentro de la página. Discourse no carga ciegamente cada icono de FontAwesome; eso sería muy pesado en términos de recursos.
Gracias, Stephen. ¿Los iconos de Twitter y Facebook funcionan, sin embargo? ¿Podrías indicarme cómo hacerlo? ¿O sería mejor simplemente subir los activos y enlazarlos?
<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>
Si eliminas: fa d-icon d-icon-fab-youtube svg-icon svg-node, debes especificar el ancho y el color:
<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>
Los iconos de Facebook y Twitter ya se utilizan en otras partes de Discourse, por eso están disponibles.
Lo que @Bcat publicó arriba es el código fuente del icono SVG de YouTube, por lo que puedes pegarlo en lugar de lo que tienes actualmente y funcionará en tu HTML.
Gracias, Bcat, ¡eres genial!!
¡y gracias también por tu ayuda, Kris!