1

Typekitフォントとテキストレンダリングを使用して単語間のスペースを削除するSafariに問題があります:cssのoptimizeLegibility。

Chromeでうまく機能するので、Webkitの問題ではありません。Firefoxでもうまく機能します。私がoptimizeLegibilityを使用したい理由は、Webkitブラウザーでカーニングがひどいためです。

何をすべきかについての提案はありますか?

編集: ここでサンプルを作成しました (FirefoxとChromeではうまく機能しますが、Safari 5.1.7では機能しません(少なくともWindowsでは機能しません))

別の方法として、ChromeのようにFirefoxで開始点を取得するのを誰かが手伝ってくれる場合は、lettering.jsなどを使用して手動でカーニングすることができます。テキストレンダリングで動作させることができませんでした:optimizeSpeed;

編集:Typekitからこの回答を得ました:

この問題が発生してすみません。残念ながら、SafariとChromeのoptimizeLegibilityでこれらの問題のいくつかが発生しました。これは非常にランダムで、特定のフォントに影響を与えるようです。

申し訳ありませんが、Safari / Webkitにバグを報告する以外に、私たちの側でこれについてできることはあまりありません。

問題が発生しているフォントを教えてください。私に知らせてください、そして、私たちはそこからそれを取ります。

うまくいけば、彼らは何かを理解するでしょう:)

編集:Typekitからより多くの回答が得られました。

大きな見出しの場合は、CSSで設定を変更するだけです。そうすれば、Firefoxでも同じようにpoingを開始できます。

テキストレンダリング:optimizeSpeed;

これにより、Firefoxなどのテキストレンダリングが変更されます。次に、lettering.jsでカーニングできます。

これがお役に立てば幸いです。ご不明な点がございましたら、お気軽にお問い合わせください。

しかし、私はすでにそれを試したので、彼らに知らせました、そして残念ながら彼らはその問題で私をこれ以上助けることができませんでした。

さまざまなブラウザでどのように表示されるかを示す画像を添付しました。すべてWindows7を使用しています。

Abril Displayを使用した、さまざまなブラウザでのtypekitによるテキストレンダリング

4

1 に答える 1

0

Webkit は実際には Apple によって発明されたものであるため、実際には Webkit の問題である可能性があります。

フォントのレンダリングはブラウザーに依存しており、タイプキットの Web サイトでさえ、すべてのフォントがブラウザーに応じて異なる方法でレンダリングされているようです。

より良い代替手段は、css3 の @font-face の新機能を使用し、外部サービスを使用せずに好きなフォントを使用することです。

コンテンツをより細かく制御できるため、テキストのレンダリングも大幅に向上する可能性があります。

あなたの問題がどこにあるかはよくわかりませんが、おそらくその代替手段が役立つでしょう。

Webkit に関する追加情報: http://en.wikipedia.org/wiki/WebKit

origins の下を見ると、Apple が Webkit を作成していることがわかります。

于 2012-09-11T14:20:15.577 に答える