この投稿の裏側(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;
}
アイデアや解決策はありますか?
前もって感謝します。