La couleur est perdue dans Chrome sous Windows (10 et 11) lorsque le poids de la police est gras. L'apparence est correcte dans Edge sur Windows et Safari sur iOS.
Des idées ?
J'ai eu le même problème lorsque j'ai créé un site web sur wordpress, en utilisant le constructeur de pages "Elementor".
Lorsque j'ai essayé de télécharger un fichier SVG, toutes les vues des autres fichiers SVG de la même page ont perdu en qualité. Cela s'est produit parce que tous les fichiers SVG ont utilisé le même nom de classe dans le document que le constructeur de pages "Elementor" a construit.
Pour résoudre ce problème, j'ai dû changer l'ID lorsque j'ai fermé tous les fichiers SVG, car j'avais intégré des styles en ligne lorsque je les ai fermés.
C'est la réponse que j'ai obtenue du support du plugin "Elementor" :
"J'ai essayé d'importer certains des fichiers SVG que vous avez fournis, et il semble que cela se produise parce que vous avez des styles en ligne dans vos fichiers SVG et qu'ils utilisent le même nom de classe, "cls-1". Ce nom de classe est utilisé par la plupart de vos fichiers SVG, ce qui provoque un conflit lorsqu'ils sont placés sur la même page. Si vous avez conçu ces icônes avec Illustrator, essayez d'attribuer un ID unique. Vous pouvez également modifier manuellement ces fichiers SVG et changer le nom de classe en un nom unique."
Essayez donc de remplacer le nom de la classe par un identifiant unique, et videz le cache de votre navigateur.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.