这不是非常简单,但我认为可以做到.看一下这篇文章:在圆上设置文本.不完全相同,但相同的想法.您需要按字符或单词部分来执行此操作.
一个可能更容易的解决方案是使用Javascript/jQuery.但我知道这不符合您的CSS要求.如果您认为CSS不适合您,请考虑将ArcText.js视为一个选项.
还有一个工具可以帮到你:CSS Warp - CSS Text to Path Generator.这将完全符合您的要求,并为您生成各种浏览器的代码.我以前从未使用它,但似乎几乎万无一失.
以下是使用CSS Warp的示例.我花了大约5分钟.它让你非常接近你想要的东西,你可以更好地完善它.然后使用CSS添加其余的样式.
