Introducing Font Awesome 5 and SVG icons

Anuncios
126

11 publicaciones se dividieron en un nuevo tema: ¿Cómo reemplazar un icono SVG existente por uno personalizado?

137

5 publicaciones se dividieron en un nuevo tema: ¿Cómo usar el icono RSS de Font Awesome?

142

2 publicaciones fueron divididas a un nuevo tema: ¿Cómo usar el pulso de Font Awesome como icono de carga?

143

¿Hay algún plan para actualizar Font Awesome a la versión 6?

7 Me gusta
144

Buena pregunta, actualmente no tenemos un plan para actualizar a Font Awesome 6, pero lo analizaremos en breve.

10 Me gusta
146

He visto bastantes lugares que se quedan con font-awesome 5 porque el conjunto en 6 carecía de algunas cosas (que ahora están en niveles de pago).

No estoy en contra de actualizar, solo es algo a tener en cuenta.

10 Me gusta
156

Vaya. Hacen una gran cosa sobre la compatibilidad con versiones anteriores, así que eso parece sorprendente. ¿Tienes un enlace a algo que enumere lo que falta?

2 Me gusta
157

No hay enlace, lo siento, solo una anécdota por ahora. Recuerdo que @pmusaraj tuvo algunas dificultades con esto.

5 Me gusta
158

¿Has considerado Fork Awesome, a fork of the iconic font and CSS toolkit?

3 Me gusta
159

Todavía no, pero tiene muy buena pinta, sin duda. Tengo la sensación de que sería un gran problema retroceder y adaptar Discourse para usar sus patrones.

2 Me gusta
160

¿Quizás otras personas aquí tienen experiencia al cambiar de FontAwesome a ForkAwesome?

De su página de novedades:

Prestamos especial atención para no cambiar los puntos de código unicode de los iconos existentes, ni cambiamos los nombres de las clases CSS o los nombres de los iconos de Font Awesome 4.7. Sin embargo, añadimos algunos iconos más e hicimos que el proceso de contribuir a este proyecto fuera mucho más fácil. Sin embargo, si ve un error, no dude en registrar un error.

La página de ejemplos parece similar a FontAwesome.

Meh, esta publicación del (no) mantenedor parece indicar que es una mala idea usarlo en este momento. Qué lástima.

2 Me gusta
161

FontAwesome trasladó todo el conjunto de iconos “Regular” a un plan de pago en la versión 6. Sin embargo, parece que los iconos existentes del conjunto regular todavía están disponibles de forma gratuita cuando se usan los iconos SVG directamente (es decir, no como una fuente web). Eso son buenas noticias para nosotros, porque usamos sprites SVG del repositorio de fontawesome.

Sin embargo, la retrocompatibilidad que han añadido no se aplica perfectamente a nosotros, no usamos el “marco SVG + JS” de FontAwesome, por lo que no nos beneficiamos del alias automático. Ese es probablemente el mayor obstáculo en este momento para una actualización de la 5 a la 6 (aunque no es tan grande como la falta de iconos).

10 Me gusta
163

Este enlace no me funciona.

1 me gusta
165

Después de haber realizado muchas pruebas de usabilidad de un foro de Discourse durante el último año, creo que una de las mejores cosas que Discourse podría hacer por la usabilidad sería invertir en la creación de un conjunto de iconos: probado para mayor claridad, hecho más consistente y mostrando un poco de estilo aquí y allá. ¡Pero tal vez este no sea el lugar para publicar sobre eso!

2 Me gusta
166

¿Alguien podría ofrecer alguna orientación sobre cómo explicar mejor cómo puedo agregar emojis de banderas como iconos SVG a mi componente temático de iconos de etiquetas? Supongo que no entiendo lo que se necesita, ya sean modificaciones al componente temático o la redacción de un plugin dedicado para acceder a estos emojis dentro del componente temático.

¡Gracias!

1 me gusta
167

Hmm, no veo nada

¿Cómo hago esto?

  • Creé un componente de tema personalizado llamado SVG_Assets
  • Subí iconos svg personalizados de 1x1.
  • Habilitado SVG_Assets como parte de mi tema.
  • Instalé el componente de tema de iconos de etiquetas y lo agregué a mi tema.

Veo la URL de cada icono svg que he subido a SVG_Assets

Hmm, de acuerdo. ¿Podemos tener un nuevo ejemplo de cómo deberían verse la configuración en el editor?

Ejemplo de adición de carga us.svg

Actualmente veo

[
	{
		"setting": "tag_icon_list",
		"value": "tag1,question-circle,#CC0000|:de:,$de,https://domain/1X/604c368499a58499e21ab5337a325600cb35b421.svg"
	},
	{
		"setting": "svg_icons",
		"value": ""
	}
]
1 me gusta