Sono solo io o anche qualcun altro ha l’icona di YouTube mancante?
#fab-youtube non funziona per me
Dove stai cercando di usarlo? In un’impostazione? In un tema?
Ho ricevuto consigli da Dax perché volevo aggiungere un logo nella prima casella e lei mi ha aiutato, ma devo farlo in modo accessibile tramite il markup e includere il testo alternativo. Quindi ho preso l’HTML e il CSS e ho creato una versione statica del footer che include un logo nel markup invece che nel CSS. Di conseguenza, non ho più a disposizione quei campi di input.
Il markup appare così-
Dovrai comunque specificarlo nel back end affinché l’icona sia disponibile per l’uso all’interno della pagina. Discourse non carica automaticamente tutte le icone di FontAwesome, sarebbe troppo pesante per le risorse.
Grazie, Stephen, ma le icone di Twitter e Facebook funzionano? Puoi consigliarmi come farlo? O è meglio che io carichi semplicemente le risorse e mi riferisca a quelle?
<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>
Se rimuovi: fa d-icon d-icon-fab-youtube svg-icon svg-node, devi specificare larghezza e colore:
<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>
Le icone di Facebook e Twitter sono già utilizzate altrove in Discourse, ecco perché sono disponibili.
Quanto pubblicato da @Bcat sopra è il codice sorgente dell’icona SVG di YouTube, quindi puoi incollarlo al posto di quello che hai ora e funzionerà nel tuo HTML.
Grazie Bcat, sei fantastico!!
e grazie anche per il tuo aiuto, Kris!