Javascript 使用CSS3或Jquery进行徽标文本装饰？

我正在尝试使用CSS来实现这一点。我不断遇到一些事情，就是不让我这么做，看起来很好，同时也允许使用fittext.js扩展整个徽标。我的问题是，我不能使用下划线，因为我必须指定像素，这样它就不再有响应了。我一直在使用其他解决方案，但由于字母间距的原因，它们变得很混乱。所以，我想我的问题是，在什么时候我应该放弃尝试使用CSS和JS或图像？我在这方面只是平庸，所以我不太确定。

你可以用边框来实现它。这是一本书

---

尽量不要像你那样问开放式问题。“我的问题是，在什么时候我应该放弃尝试使用CSS和JS或图像？”询问如何完成一些事情而不是人们的意见。在这里征求意见不好吗？我想知道为什么我应该以某种方式做事，而不仅仅是如何去做。不，不是真的。这就是为什么你的问题被搁置。。。减去票数。好吧，我想要的是一个意见，所以我的帖子对我来说没有解决任何问题。我赞扬了一个人，他至少试着回答了这个问题，尽管如此，它仍然没有达到我想要的，在字母间距问题上的b/c。反对票是b/c，我想我自己提高投票率会有助于提高知名度，所以他们给了我一个反对票，而不是不提高投票率。在其他网站上，情况并非如此。所以，这完全是在浪费一篇帖子。谢谢你的评论，而不是“我在做错误的评论”。我要看看我能不能用这个来计算字母间距。我试图使用百分比，但我想ems更适合这个。

<div><span>Example</span> Thing</div>

div {
    font-size: 3em;
}

span {
    font-size: 0.7em;
    border-bottom: 0.3em solid black;
    vertical-align: top;
}