HTML 中数字的重音符号（如 1 上的 ^）

Question

我正在尝试找到将扬抑符 ( ˆ = ˆ) 放在数字（乐谱）之上而不求助于图像的最佳方法。某些字母具有等效的 HTML 实体：ê = ê、Ô = Ô 等，但数字则不然。

这是我目前在我的网站上使用的内容：

<span style="position:relative;">1
   <span style="position:absolute; 
                left:0.1em; 
                bottom:0.2em; 
                font-size:1.1em;">
                &circ; 
   </span>  
</span>

它看起来不错，但并不完美——由于数字形状和浏览器渲染的细微差别，某些内容肯定会有些偏差。

有人对此有更优雅的解决方案吗？

更新：

组合抑扬符 ̂ 或 ̂ 在不同的浏览器/平台上产生不同的结果，其中大多数不正确（在我的 Mac 上，只有 Safari 正确）。

根据 this，组合重音的正确显示取决于字体和渲染器。我正在使用 Times New Roman, Times，因此它似乎不是一个可行的选项。我无法承受要求用户使用特定字体的麻烦和不可避免的忽视。

我想我必须坚持像上面那样手动将重音放置在注释上方，除非有任何其他新答案。谢谢。

更新2：

嵌入具有更好变音符号支持的免费字体（尤其是Doulos SIL）看起来很有前途，但截至目前（2009 年 11 月），Chrome 默认不支持 CSS 中的 @font-face。不过，一旦实现，那就太好了，因为其他浏览器已经加入了。 webfonts.info 是提供这方面信息的地方。

Answer 1

U+0302 组合圆周重音

用字符图或实体制作一个

 ̂

将其放在您想要的任何内容之后，将其粘贴在其上：

ê Â 1̂ ̂

变为

ê 1̂ ̂

...但它的设计目的不是为了覆盖 1 或笑脸。请注意 A 的位置向上移动，但 1 或笑脸的位置没有移动。

Answer 2

尝试使用 ̂ 或 ̂ 来组合循环重音 (U+0302)：

1̂

示例：

1̂

Answer 3

很大程度上取决于您的用户使用的字体是否支持此功能。由于您无法在网页中嵌入字体（没有一些潜在的法律问题），因此您最好的选择是使用不同的字体尝试上述建议，以确定您要查找的字符是否受支持。找到字体后，在 CSS 文件中引用它，然后通知用户需要特定字体才能正确查看您的网站。

尝试使用以下 unicode 索引： http://www.fileformat.info/info /unicode/char/a.htm

您需要知道要显示的字符的名称。找到该字符后，信息页面将告诉您如何使用 HTML 字符代码显示该字符。

Answer 4

查看组合变音标记常见问题解答。组合抑扬符是 U+0302。

该部分说：“某些字体，例如 Doulos 和 Charis 字体，可以免费下载，包含大量适当的预组合字形”。让您的用户下载这些字体可能值得尝试（如果它们有效）。

您可能会成功缩小数量：

<span style="font-size: 75%">1</span>̂

Answer 5

如果组合标记的渲染不够好，我想您将不得不通过定位来解决它。

<style>
    .over { position: relative; }
    .over span { position: absolute; top: -0.5em; left: 0; }
</style>

abc <span class="over">1<span>^</span></span> xyz

仍然是一个令人讨厌的黑客！但工作量可能比 MathML 少。