我上周才 抱怨描边
这就是 CSS 中
text-stroke
的问题:你没有选择。它只能进行中心对齐描边。其他任何选项(外对齐或内对齐)都更有用。
对于 text-stroke
仍然没有解决方案,但 SVG 也有完全相同的问题。对于 SVG 来说,这并没有那么糟糕,因为你可以(而且设计师一直都在)针对他们的矢量图形,使用中心对齐描边进行设计。不过,我认为如果我们有 stroke-align: [center, outside, inside];
的话,情况会更好。
Peter Nowell 记录了 Sketch 如何重新定位形状的点,以复制不同的描边对齐方式,前提是你明确地在 Sketch 中选择了这些选项。非常有用!由于原生 SVG 仍然只进行中心对齐,这意味着导出后更改描边宽度仍然很奇怪,但我认为这种情况相当罕见。
这篇文章指出 SVG 2 如何适应对齐描边,但这仍然感觉有点 悬而未决。