Estaba lamentando los derrames cerebrales la otra semana:
Y ese es el problema con text-stroke en CSS: no tienes otra opción. Es solo un trazo alineado en el centro. Cualquiera de las otras opciones [outside-aligned or inside-aligned], podría decirse, habría sido más útil.
Todavía no hay solución para text-stroke, pero SVG tiene exactamente el mismo problema. No es tan malo el diseño con SVG, ya que puede (y los diseñadores lo han hecho) diseñar con trazos alineados al centro en mente con su arte vectorial. Aun así, diría que si tuviéramos stroke-align: [center, outside, inside]; estaríamos mejor.
Peter Nowell documenta cómo Sketch ahora reposiciona los puntos de sus formas para replicar las diferentes alineaciones de trazo, si eligió explícitamente esas opciones en Sketch. ¡Bastante útil! Dado que el SVG nativo todavía solo hace la alineación central, eso significaría que cambiar el ancho del trazo después de exportar aún sería extraño, pero supongo que eso es bastante raro.
El artículo señala cómo SVG 2 se adapta a los trazos alineados, pero eso todavía se siente un poco en el aire.
Enlace directo →