Question

我正在尝试使用MusiSync字体在一行文本中嵌入一个尖锐而扁平的符号。为了防止这些符号变小，我必须使它们的点大小是文本其余部分的两倍。不幸的是，这会扰乱Internet Explorer中的行高，我无法找到控制它的方法。您可以在以下位置下载MusiSync字体：

我可以在以下网址找到在网页中使用此字体的尝试：

Answer 1

我打开了Photoshop并使用了你链接的字体。字体本身的每个字形上方都有大量的空白区域。字体设计很差。

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

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

问题出现在FireFiox 3中，它只是表现得有点不同。

你可能会以某种方式破解你的方式，但这将是丑陋的。除非您使用许多不同的字体大小，否则您可能更适合使用图像。

Answer 2

看到你试图使用一种非常罕见的字体，为什么不实现sIFR？

它（可能）也会解决你的一些行高问题。

Answer 3

sIFR是非标准字体的绝佳选择。

您将字体嵌入到flash电影中（不用担心大部分工作都是为您完成的）并在页面中添加一些代码，而sIFR javascript将用flash电影替换classes / id / tags等包含您的目标文本/字体：

将普通（X）HTML页面加载到浏览器中。
运行javascript函数，首先检查Flash是否已安装，然后查找您指定的任何标签，ID或类。
如果未安装Flash（或者显然是关闭了javascript），则（X）HTML页面会正常显示，并且不会再发生任何事情。如果安装了Flash，javascript将遍历您的页面源，测量您指定为“sIFRed”的每个元素。
测量完成后，脚本会创建相同尺寸的Flash影片并将其叠加在原始元素之上，将原始浏览器文本作为Flash变量抽出。
每个Flash文件中的Actionscript然后以6磅的大小在您选择的字体中绘制该文本，然后将其缩放，直到它恰好适合Flash影片。

非常适合非标准字体的跨浏览器平台独立解决方案。