服务标志符号(SM)的CSS样式建议

Question

我需要添加服务标记符号（http://en.wikipedia.org/wiki/Service_mark_symbol）到一堆网站。我已经找到了它的XHTML实体代码（℠；），并立即将其显示出来。

问题是它几乎不可能阅读。我想要一些最佳实践的建议来展示这一点。基于浏览器和/或客户端平台，可能需要不同的CSS。

我正在寻找使用服务标记符号的真实世界示例的建议和/或URL。

**编辑**

我的问题不是制作真正的SM符号；XHTML实体代码起作用。我的问题是SM符号看起来很糟糕，很难阅读。

我想要一些CSS建议和/或URL的网站，有漂亮的SM符号的实现。

**第二次编辑**

以下是SM符号看起来很糟糕的JSFiddle示例：http://jsfiddle.net/DGrkd/2/

Answer 1

我使用这个：

.superscript {
position: relative;
bottom: 0.5em;
font-size: 0.8em;}
.subscript {
position: relative;
top: 0.3em;
font-size: 0.8em;}

HTML代码：

This is an example of a Service Mark<span class="superscript">SM</span>.<br>
This is an example of a Subscript for the formula for water: H<span class="subscript">2</span>0.

Answer 2

您可以在实体代码周围添加span并对其进行样式设置。

小提琴：http://jsfiddle.net/jasongennaro/QSR6M/

注意：这确实会更改线条高度。

Answer 3

有sup-html标签