Home>

The question initiated a commentary @Leonid 'a for an answer to the question Get svg with curved text in the form of an arch

To the font size to fit the length of the path so that the text located along the entire length of the path.

.container {
 width: 50vw;
 height: 50vh;
 }
 #txt {
 fill: # 005E46;
 font-size: 52px;
 font-face: sans-serif;
 Font-Weight: Bold;
} 
<
div class= "container" >
≪
svg id= "svg1" version= "1.1" xmlns= "http://www.w3.org/2000/svg"
    xmlns: xlink= "http://www.w3.org/1999/xlink"
       viewBox= "0 10656544" >
   ≪
path id= "top" fill= "none" stroke= "red" d= "m 86.959108,536.92194 c 0,0 -10.133315, -158.67922 2.022305, -236.60967 4.731862, -30.33627 12.118517, -61.28378 27.301117, -87.97026 15.93166, -28.00312 39.52587, -51.70293 64.71375, -71.79182 23.23934, -18.53481 49.18226, -35.65231 77.85874, -43.479558 41.30634, -11.274567 86.74257, -12.863251 128.41636, -3.033457 31.55069,7.442015 59.98355,26.093615 85.94795,45.501855 16.60888,12.41505 30.85349,28.04167 43.47955 , 44.49071 14.07865,18.34144 27.2555,38.01449 35.39034,59.65799 8.44276,22.46274 10.89155,46.88973 13.14498,70.78067 7.08982,75.16651 1.01115,226.49814 1.01115,226.49814 "/>
≪
text id= "txt" dy= "-10" >
  ≪
textPath xlink: href= "# top" lengthAdjust= "spacingAndGlyphs" textLength= "1175" startOffset= "0%" >
   All very long text entirely around the arches
  ≪
/TextPath >
 ≪
/Text >
≪
/SVG >
≪
/div >