0

誰でもこの問題に遭遇しますか? Windows 7 Chrome Web フォント OTF の問題:

私はWebフォントを持っていて、css3で追加しています... FF / IE(またはバックアップを取る)/ Safariでは見栄えがしますが、Chrome(Windows)ではかなりひどいです:

私はこれを試しました:-webkit-font-smoothing: antialiased;

...Safari では修正されますが、Chrome では修正されず、Mac が動作するはずであることがわかりました: Does -webkit-font-smoothing は Mac ブラウザーでのみ動作し、Windows では動作しませんか?

私もこれをチェックしました:http://maxvoltar.com/archive/-webkit-font-smoothing

ここに私が持っているものがあります:

@font-face { font-family: SeravekBasic; src: url('/fonts/SeravekBasic-Regular.otf'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased;}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
html, button, input, select, textarea {font-family: SeravekBasic, Arial, Helvetica, sans-serif; color: #000; }

最後に、Mozilla のテキスト レンダリングを試してみましたが、これが webkit に役立つかどうかを確認しましたが、何も役に立ちませんでした: https://developer.mozilla.org/en-US/docs/CSS/text-rendering

....これを解決できるものが他にあるかどうかはわかりません。

4

2 に答える 2

1

したがって、私の解決策は、これを組み込みの Open Type に変換することでした。

.eot を追加し、他のブラウザーをサポートするために .woff も追加します。

IE9(IE8でも)で正常に動作するため、これは実際には素晴らしいことです

:)

src: url('/fonts/SeravekBasic-Regular.eot'); src: url('/fonts/SeravekBasic-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/SeravekBasic-Regular.woff') format('woff');

于 2013-01-04T22:14:39.893 に答える