自分のウェブサイトのコーディングを始めたばかりで、タイポグラフィのウェブ デザインが大好きなので、ロゴに非常に大きなカスタム フォントを使用しようとしていました。残念ながら、Retina ディスプレイを搭載した MacBook Pro を使用して Safari でテストしているときに、フォントのレンダリングにいくつかのアーティファクトがあることに気付きました:/ 最初は自分の側に何らかの間違いがあると思っていましたが、それがどのフォントでも発生することを発見しました。十分に大きい...
この動作は、タイトルのアウトラインが正しくレンダリングされていないhttp://fittextjs.comなどの Web サイトで見られます。Retinaディスプレイを持っていない人のために、私が話していることのスクリーンショットをここに示しますhttp://cl.ly/JL0j
奇妙なことに、この奇妙なバグは Chrome には存在しません。どちらも Webkit ベースであるため、後者はテキストを正しくレンダリングする CSS デフォルトを使用している可能性があると思いました。
私がrdarを埋める前に状況を解決する方法を知っているCSSの第一人者はいますか:)?
更新: 私はすでに -webkit-font-smoothing: antialiased; を使用しようとしたことに注意してください。そしてそれは動作しません:/