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>

它看起来很不错,但并不完美 - 因为数字形状和浏览器渲染方面略有不同,有些东西肯定会有点不对劲.

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

更新:

结合Circumflex Accent ̂或̂在不同的浏览器/平台上产生不同的结果,其中大多数都不对(在我的Mac上,只有Safari才能正确).

根据此,组合口音的正确显示依赖于字体和渲染器两者.我正在使用Times New Roman, Times,所以它似乎不是一个可行的选择.我无法承受要求用户拥有特定字体的麻烦和不可避免的忽视.

我想我必须坚持手动将音符置于音符顶部,除非有任何其他新答案.谢谢.

更新2:

嵌入具有更好的变音支持的免费字体(尤其是Doulos SIL)似乎很有希望,但截至目前(2009年11月),Chrome @font-face默认情况下不支持CSS.但是,一旦它确实如此,它将是很好的,因为其他浏览器已经在船上.webfonts.info是关于此的信息的地方.

Answer 1

U+0302 COMBINING CIRCUMFLEX ACCENT

使用角色地图或实体制作一个

 ̂

把它放在任何你想要的东西之后把它放在它之后:

ê Â 1̂ ̂

变

ê1 ̂

......但它不是为了超越1或笑脸而设计的.请注意它如何向A移动得更高,而不是1或笑脸.

Answer 2

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

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

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

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