在 Squarespace 中为一个字符更改字体大小的代码

Question

我正在帮助朋友在 Squarespace 中建立网站。我正在寻找一种方法来更改 ® 的大小和位置。

如果您查看 header，上面写着 ARISE® Intervention，® 与单词的其余部分一样大。是否可以更改，使其看起来更像我正在写的这个问题？

这是一个显示我遇到的问题的页面：https://premo-castelli.squarespace.com/about/

Answer 1

您使用 SUP 标签将版权符号放置在您通常希望找到的位置。这比单词的其余部分略高且较小。例如：

<!DOCTYPE html>
<html>
<body>

<p>Company Name <sup>&copy;</sup></p>
</body>
</html>

Answer 2

您可以将符号包裹在 span 中并为其指定不同的字体大小。使用vertical-align: super作为上标。

.symbol {
  font-size: 0.75em;
  vertical-align: super;
}

<h1>ARISE<span class="symbol">®</span> Intervention</h1>

Code to change font size in Squarespace for one character