css - 用于 MusiSync 字体的 Internet Explorer CSS 行高

Question

我正在尝试使用 MusiSync 字体在一行文本中嵌入尖锐和扁平的符号。为了防止这些符号变得很小，我必须将它们的磅值设为文本其余部分的两倍。不幸的是，这弄乱了 Internet Explorer 中的行高，我找不到控制它的方法。您可以在以下位置下载 MusiSync 字体:

http://www.icogitate.com/~ergosum/fonts/musicfonts.htm

我尝试在网页中使用这种字体可以在以下位置找到:

http://www.williamsportwebdeveloper.com/MusiSync.htm

Answer 1

我打开了 Photoshop 并使用了您链接到的字体。字体本身的每个字形上方都有大量空白。字体设计不佳。

如果您将样式设置为此，您将看到问题:

.style2 {
    font-family: MusiSync;
    font-size: 24pt;
    border:1px solid #000000;
}

这个问题也出现在 FireFiox 3 中，只是表现形式稍有不同。

您也许可以通过某种方式解决这个问题，但它会很丑陋。除非您使用很多不同的字体大小，否则最好使用图片。