HTML特殊字符显示

Question

处理特殊字符时，有没有办法只收缩特殊字符并稍微调整位置？

特别是我试图使用注册字符（带圆圈的小R），但它似乎呈现与字体相同的大小，而不是它应该如何显示。它应该向上移动到文本的顶部，大小应该至少是文本的一半。

是否有某种可以在它之前插入的转义字符，以便正确呈现？或者有没有办法使用CSS从文本中只选择特殊字符？

我能想到的唯一选择是将每个选项都包含在标签或类似内容中，但我认为有更好的方法可以做到这一点。

Answer 1

两种选择。我不想从@aaronmallen偷窃，我只是想让你进行比较。

CSS（将ELEMENT更改为任何内容 - 最有可能）：

ELEMENT:after {
    content: '\00AE';
    display: inline; /* if you use on a block element like div */
    zoom: .75;
    position: relative;
    top: -8px; /* because default font size is 16px */
}

HTML将是已发布的<sup>&reg;</sup>。

See comparison here

Answer 2

您可以使用sup标签。

<sup>&reg;</sup>

相当于：

sup {
    vertical-align: super;
    font-size: smaller;
}

HTML sup tag

MDN