 |
Resumen | Discourse FontAwesome Pro permite el uso de iconos Font Awesome Pro en Discourse mediante una licencia de FontAwesome, utilizando el token del paquete NPM de tu cuenta. |
 |
Enlace al repositorio | https://github.com/discourse/discourse-fontawesome-pro |
 |
Guía de instalación | Cómo instalar complementos en Discourse |
Configuración
Activa la opción de sitio fontawesome pro icons enabled e introduce tu token de paquete font awesome pro (ten en cuenta que es diferente de tu token de API) en la opción de sitio fontawesome auth token. Discourse descargará los iconos en segundo plano.
También puedes establecer el token mediante la variable de entorno DISCOURSE_FONTAWESOME_AUTH_TOKEN en su lugar. Si se utiliza este método, la clave no será editable desde la interfaz de usuario.
Las versiones anteriores de este plugin requerían ejecutar scripts/install.sh en tu app.yml. Esto ya no es necesario y se puede eliminar.
Elección de una familia de reemplazo:
En los ajustes de administración, puedes reemplazar la familia de iconos por defecto de Discourse:
Elección de un estilo de reemplazo:
También puedes reemplazar el estilo de icono por defecto:
Duotone
Para tener control total sobre la compatibilidad con duotone, deberás reemplazar el siguiente CSS (en un tema, o de otra manera) con tu propia combinación de colores:
svg {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Para colorear iconos individuales, referencia el ID del SVG:
#fad-search .fa-secondary {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Actualización de estilo Duotone
Si estás utilizando selectores basados en clases como:.fa-secondary { color: red; }Necesitarás actualizar tu estilo para usar propiedades personalizadas de CSS en su lugar. Los reemplazos de color basados en clases ya no funcionan desde que fueron eliminados en Font Awesome v7
Internamente, esto utiliza el repositorio de FontAwesome para instalar las fuentes en la carpeta SVG del plugin, y permite que Discourse recoja los sprites desde allí.
