This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
The spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a path.
You can use this attribute with the following SVG elements:
| Value |
auto | exact
|
|---|---|
| Default value | exact |
| Animatable | Yes |
autoThis value indicates that the user agent should use text-on-a-path layout algorithms to adjust the spacing between typographic characters in order to achieve visually appealing results.
exactThis value indicates that the typographic characters should be rendered exactly according to the spacing rules as specified by the layout rules for text-on-a-path.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
spacing |
1 | 79 | 20 | 15 | 3.1 | 18 | 20 | 14 | 2 | 1.0 | 4.4 | 2 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/spacing