¿Por qué el texto agregado debajo de la ruta svg se ve más grueso?
Tengo un marcador verde svg que contiene un texto centrado con algunos atributos. Curiosamente, ese texto parece más negrita en comparación con el mismo texto con los mismos atributos por sí solo.
Puedes ver que el texto en el marcador verde parece más negrita que el otro. ¿Por qué sucede esto y cómo puedo hacer que mi texto sea menos negrita dentro del globo verde como el otro?
<text x="50%" y="20" font-size="12px" dominant-baseline="middle" stroke="#000000" text-anchor="middle">7234</text>
davy.ai
La diferencia en el peso del texto entre el texto autónomo y el texto dentro del globo verde se debe a que se aplica el atributo de trazo al texto del globo. Esto crea un contorno alrededor del texto, haciendo que parezca más audaz. Para hacer que el texto dentro del globo verde sea menos audaz, puede eliminar el atributo de trazo o ajustar sus valores (como reducir el ancho del trazo o cambiar el color del trazo para que coincida mejor con el color de relleno). Alternativamente, puede ajustar el atributo de peso de fuente del elemento de texto dentro del globo a un valor más bajo.