Question

在这篇文章的后面（CSS3 @font-face not displaying on Mac OS X Safari 5.x OR Chrome），我遇到了一个新的绊脚石。这一切似乎都是先修好但后来我遇到了一个新问题，我无法选择任何文字。

在Mac OS X的Firefox上，我无法突出显示任何文本，甚至无法点击使用font-face字体的任何超链接。它可以在所有其他操作系统（包括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;
}

任何想法或解决方案？

提前致谢。

Answer 1

乍一看，我猜这个字体的指标有问题。如果我创建一个包含部分文字的<span>并为其设置边框以查看其高度，那么<span>最终会高出0px。

一旦发生这种情况，选择将是不可见的，因为它被绘制到文本的高度......

在Mac OS X Firefox上无法选择CSS3 @ font-face

1 个答案: