SVG TextPath
<!DOCTYPE html> <html> <body> <svg viewBox='0 0 260 120'> <path id='arc1' d='M 20 100 Q 130 10 240 100' fill='none' stroke='#cbd5e1'/> <text font-size='18' fill='#1d4ed8'> <textPath href='#arc1'>This text curves along the path above</textPath> </text> </svg> </body> </html>