在这篇文章的背面（CSS3 @font-face not displaying on Mac OS X Safari 5.x OR Chrome），我遇到了一个新的绊脚石。乍一看，这一切似乎都已解决，但后来遇到了一个新问题，我无法选择任何文本。
在Mac OS X中的Firefox上，我无法突出显示任何文本，甚至无法单击使用字体字体的任何超链接。
在所有其他操作系统（包括Windows，iOS等）和其他Mac OS X浏览器（例如Chrome和Safari）上，它是可选的。
在http://gradtouch.com/test上尝试
这是当前的CSS代码。
@font-face {
font-family: 'Avenir LT 55 Roman';
src: url('fonts/avenir-55.eot?#iefix') format('embedded-opentype'),
url('fonts/avenir-55.woff') format('woff'),
url('fonts/avenir-55.ttf') format('truetype'),
url('fonts/avenir-55.svg#AvenirLT-Roman') format('svg');
font-weight: normal;
font-style: normal;
}
有什么想法或解决方案吗？
提前致谢。
最佳答案
乍一看，我猜该字体的度量标准有问题。如果我创建一个包含某些文本的<span>并给它加上边框以查看其高度，则该<span>最终以0px高结束。
一旦发生这种情况，选择将不可见，因为它被绘制到文本的高度...