¡Estamos actualizando nuestros iconos a Font Awesome 6!

[awesomerobot (Kris)]

¿Qué es Font Awesome?

Discourse utiliza un conjunto gratuito de iconos de Font Awesome en toda su interfaz. Los verás en barras de herramientas, insignias, botones, etc… aquí está nuestra barra de herramientas del compositor:

Desde 2018 hemos estado usando Font Awesome 5 (anuncio original), y mientras tanto se ha lanzado Font Awesome 6. La versión 6 incluye nuevos iconos, algunas actualizaciones generales de estilo y cambios de nombre.

¡A partir de hoy, Discourse también comenzará a usar la versión 6! Específicamente, la versión 6.6.0. Este no es un cambio visual enorme, pero notarás algunas diferencias:

¿Qué implica esta actualización?

Esta actualización implica una serie de cambios de nombre para hacer las cosas más consistentes.

Para apoyar a las comunidades de Discourse durante la actualización, los cambios se implementarán en varias fases:

---

Hoy - Font Awesome actualizado a v6, los iconos se reasignarán automáticamente

Pronto - se habilitarán mensajes de desaprobación para ayudar a los autores de temas/plugins a actualizar los nombres de sus iconos

Q1 2025 - se habilitará un banner de advertencia para administradores para cualquier desaprobación restante

1 de abril de 2025 - eliminación de la reasignación automática y del banner de advertencia para administradores

2 de mayo de 2025 - eliminación del mapeo de nombres de iconos antiguos y registro de nivel de error

---

Veo un icono que falta, ¿cómo puedo solucionarlo?

1. Abre las herramientas de desarrollador del navegador y encuentra el elemento relevante con el icono que falta.

2. Anota el nombre actual del icono afectado y busca el nombre correcto del icono para actualizarlo. El mapeo de nombres de iconos se puede consultar en discourse/lib/deprecated_icon_handler.rb at fbc2cfb6185c00950da8e915b1a32546e7020913 · discourse/discourse · GitHub.

3. Actualiza el tema/plugin relevante al que pertenece el elemento, o notifica a su desarrollador para que realice la actualización.

Si necesitas ayuda con esto, no dudes en crear un tema de #soporte, o contacta a tu proveedor de hosting de la manera habitual.

¿Qué deben saber los autores de temas y plugins?

Los métodos cubiertos en Introducing Font Awesome 5 and SVG icons seguirán funcionando para agregar iconos nuevos y personalizados.

Desde entonces, hemos eliminado la reasignación de los nombres antiguos, y si tu tema/plugin todavía usa nombres antiguos, verás espacios en blanco donde solían estar algunos de tus iconos.

¡Hay muchos iconos nuevos!

La actualización de la versión 5 a la 6 introduce cientos de nuevos iconos gratuitos, ¡casi 500 en total!

Puedes explorar el conjunto completo aquí, este está ordenado para mostrar primero las adiciones más nuevas — y la búsqueda es muy útil: Search Icons & Find the Perfect Design | Font Awesome

[Jagster (Jakke Lehtonen)]

¿Se necesita esto ya?

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

¿Y debería editarse esto?

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-post-share', 'share-alt');
    api.replaceIcon('d-topic-share', 'share-alt');
    api.replaceIcon("far-beer", "beer");
</script>

[ondrej]

¡Esto es genial! Finalmente puedo usar el icono que quiero para una categoría

[awesomerobot (Kris)]

@Jagster

¿Se necesita esto ya?

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

Parece que esto podría estar relacionado con Making tags look like real world tags - #11 by HeyRR… si estás usando CSS como content: "\f02b"; entonces sí, todavía necesitarás esto. Esto está usando la fuente de iconos por separado de nuestra implementación (que usa archivos SVG directamente).

@Jagster

¿Y debería editarse esto?

    api.replaceIcon('d-post-share', 'share-alt');
    api.replaceIcon('d-topic-share', 'share-alt');
    api.replaceIcon("far-beer", "beer");

Esto no necesita ser editado inmediatamente, pero según la lista de renombres deberías reemplazar share-alt con share-nodes y beer con beer-mug-empty en algún momento dentro de los próximos 6 meses (la jarra de cerveza rellena es un icono pro… supongo que no es “free as in beer”)

[Jagster (Jakke Lehtonen)]

@awesomerobot

podría estar relacionado con Hacer que las etiquetas parezcan etiquetas del mundo real - #11 de HeyRR…

Quizás. Fue algo que se recomendó más de una vez hace algunos años. Realmente nunca entendí por qué, pero puedo copiar y pegar Pero tiene algo que ver con la capacidad de usar Font Awesome en algún lugar, en cualquier lugar o algo así.

Pero si ya no puedo usar cerveza, comenzaré un motín con un ejército de Moomins

[Moin]

En este momento faltan los iconos de escudo aquí en Meta.

[Moin]

Corregido

[patrickemin]

Gracias, no me queda claro si la actualización a la versión 6 se ha realizado o se realizará (no pude encontrar el ícono “bluesky” versión 6 después de actualizar mi sitio, por eso pregunto…)

[ondrej]

Una vez que actualices tu sitio, tus iconos serán FA6 y se reasignarán automáticamente por Discourse.

[patrickemin]

Sí, es lo que esperaba, pero este icono no se puede mostrar (lo uso en el componente de enlaces de iconos del encabezado)

[ondrej]

He encontrado el icono en la versión 6.6.0

Font Awesome

Dado que no es un icono utilizado en Discourse, ¿está en tu svg icon subset en la configuración del sitio?

[patrickemin]

No, lo estoy agregando con esta sintaxis: “fa-bluesky” en los recursos del componente, pero no es suficiente. Miraré eso de los recursos svg, no estoy familiarizado con eso.

(actualización), aparentemente estamos hablando de lo mismo, sí, se agrega en los recursos…

[awesomerobot (Kris)]

es posible que necesites usar fab-bluesky, porque es parte del conjunto de marcas

[patrickemin]

Gracias, funciona especificando fab-bluesky en los recursos SVG y en el editor de enlaces de encabezado personalizado, lo cual nunca antes había necesitado hacer. En el componente de enlaces de encabezado personalizado, nunca especifiqué el prefijo “fa”, para el icono de bluesky necesité especificar “fab-bluesky”. ¡Lo principal es que funciona! Gracias.

[Jagster (Jakke Lehtonen)]

@Jagster

Pero si ya no puedo usar cerveza, iniciaré un motín con un ejército de Mumin

Actualicé y los iconos cambiaron. Lo que más me molestaba, porque les tengo un poco de miedo a mis usuarias (esas damas son maravillosas, pero si se enfadan…) es qué pasará con las reacciones, pero eso es un mundo diferente, ¿verdad? De todos modos, todo salió bien.

[darkpixlz (Pyx)]

¡Parece una actualización genial! Me encanta el redondeo actualizado. No sabía que era un cambio que quería.

[mattdm (Matthew Miller)]

Lo que es más importante, la nueva versión utiliza el logotipo correcto de Fedora en lugar de una aproximación no autorizada que estaba provocando aneurismas a nuestros diseñadores.

[bloomexperiment (Tracey)]

¿Se actualizarán los componentes temáticos oficiales de iconos de categoría e iconos de etiqueta para usar los nuevos nombres de Font Awesome 6?

Category Icons

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: Bringing popular features to Discourse). For private category icon customization, refer to this topic. Summary Category Icons allows category badge links to have icons next to the category name. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-category-icons …

Tag Icons

Summary Tag Icons allows tags to have an icon next to the tag label. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-tag-icons New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Here is an example of how this would look, with tag style set to the default (simple): [image] Here is how this looks with tag sty…

Creo que todavía usan FA5.

[awesomerobot (Kris)]

Estos componentes de tema utilizan el sistema de iconos integrado en Discourse, por lo que no creo que necesiten una actualización para ser compatibles; deberían utilizar automáticamente los nuevos iconos.