html - HTML 中数字的重音符号(如 ^ 大于 1)

Question

我正在尝试找到最好的方法，在不借助图像的情况下将抑扬音符 (^ = ˆ) 放在数字(一种乐谱)之上。某些字母具有等效的 HTML 实体:ê = ê、Ô = Ô 等，但数字没有。

这是我目前在 website 上使用的内容:

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

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

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

更新:

Circumflex Accent ̂ 或 ̂ 在不同的浏览器/平台上产生不同的结果，其中大部分都不正确(在我的 Mac 上，只有 Safari 做得对)。

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

我想除非有任何其他新答案，否则我必须坚持手动将重音放在上面的音符上。谢谢。

更新 2:

嵌入具有更好变音符号支持的免费字体(尤其是 Doulos SIL )似乎很有希望，但截至目前(2009 年 11 月)，Chrome 默认不支持 CSS 中的 @font-face。不过，一旦完成，那就太棒了，因为其他浏览器已经在船上了。 webfonts.info是有关此信息的地方。

Answer 1

U+0302 COMBINING CIRCUMFLEX ACCENT

用 Angular 色图或者实体做一个

 ̂

把一个放在任何你想要的东西上:

ê Â 1̂ ̂

成为

ê Â 1̂ ̂

...但它的设计目的不是要越过 1 或笑脸。请注意它是如何向上移动到 A 而不是 1 或笑脸的。