0

在这篇文章的后面（CSS3 @font-face 没有在 Mac OS X Safari 5.x 或 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;
}

有什么想法或解决方案吗？

提前致谢。

4

1 回答 1

0

At first glance, I would guess something is wrong with the metrics in that font. If I create a <span> containing some of your text and give it a border to see how tall it is, that <span> ends up 0px tall.

Once that happens, selection will be invisible, since it's drawn to the height of the text...

于 2013-04-03T06:07:31.873 回答