我希望通过字体替换技术在我目前正在构建的网站上选择标题。问题是，我设计网站的字体比原始字体垂直缩短了20％。
我知道我可以缩小行高以缩短上下间距，我知道我可以使用字母间距来使字体“看起来”更短 - 但那不是很理想。
我一直在挖掘Stackoverflow上的问题，我发现CSS 2.1不支持任何开发人员与字体显示高度的交互。
我想知道的是，是否有任何即将推出的CSS3模块，甚至jQuery脚本等可能有助于手动缩短字体的高度？
或者是否有允许它的字体替换技术？例如，有没有办法缩短Cufon的标题？
提前致谢。
答案 0 :(得分：2)
有一种方法可以使用font-replacement来生成像你提到的Cufon一样的Canvas替代品。
如果你这样做，你将能够利用html canvas属性，即如果你用CSS更改画布的宽度/高度，画布将表现得像一个图像，所以你可以设置每个元素缩短20％ 。虽然您必须在其上运行javascript，就像您希望它保持相同的宽度一样，您必须在应用较短的高度之前将宽度设置为完全相同的值。如果省略这一位，你可以在高度和宽度上缩放画布。
我认为同样理论上也可以应用于闪光灯替换 - 从我记得用CSS产生类似结果的闪光闪光 - 如果我错了就纠正我。
不确定它是否会产生任何眨眼或任何其他故障 - 你必须放手一搏。如果您的页面上没有很多Cufon元素，您想要缩短，并且在Cufon替换它之后立即执行它应该可以解决问题。
祝你好运！坚持你的设计可能是一个婊子嘿嘿答案 1 :(得分：1)
您可以将CSS变换应用于文本div，并在Y
中将其缩放0.8-webkit-transform：scaleY（0.8）
渲染可能有点不可预测。