このテストは、Safari 6、Chrome (デフォルト)、および Firefox とは異なり、Safari 7 がテキストを一緒に圧縮することを示しています: https://writerduet.com/test.html
私のプロジェクトでは、ブラウザ間でテキストが同じように並ぶことが非常に重要です。Safari 7 は 6.1 とは根本的に異なります。これは、デフォルトでカーニング/合字がオンになっているためです。それらをオフにする方法がわかりません。text-rendering
、font-feature-settings
、および-webkit-font-feature-settings
CSS プロパティで遊んでみましたが、役に立ちませんでした。
次の CSS プロパティを (テスト #3 で) 設定すると、Chrome は Safari 7 と同じ動作をすることがわかりましたが、その設定を元に戻そうとしても、Safari で行のスクイーズが行われませんでした。
-webkit-font-feature-settings:"liga" 1;
私は検索と推測に何時間も費やしてきたので、解決策を事前にありがとうございます!
解決策が機能しないため、これは参照されている他の問題の重複ではありません。ここでの Safari のバグが何であるかは実際にはわからないので、これ以上詳しく説明することはできません。