0

この投稿の裏側(CSS3 @font-faceがMacOSX 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

一見すると、そのフォントのメトリックに何か問題があると思います。私<span>があなたのテキストの一部を含むものを作成し、それがどれくらいの高さであるかを見るためにそれに境界線を与えると、それは<span>0pxの高さになります。

それが発生すると、テキストの高さに描画されるため、選択は非表示になります...

于 2013-04-03T06:07:31.873 に答える