Safariの互換文字間隔の問題

Question

私はウェブサイトのためのカスタムフォント（Mank SAN）を使用したことだし、それはそのようになります。

http://i.imgur.com/llwuwRn.png （Google Chromeの、正しい動作）

Safariを使用する場合

はしかし、それは不気味表示されます。

http://i.imgur.com/3QJA87w.png

は、どのように私はこの問題を解決することができますか？

ありがとうございました。

編集：ここではどのように私は私のカスタムフォントを含めています：

letter-spacing: 2px; 

ない、それはしかし、クロムでどのように見えるかを確認します。

@font-face { 
    font-family:'MankSans'; 
    src: url('#{$font-path}/MankSans.ttf') format('truetype'); 
    font-weight: 400; 
    font-style: normal; 
    font-stretch: normal; 
    unicode-range: U+000D-25CA; 
} 

Answer 1

はこれで何かを試してみてください。奇妙に見える場合は、サファリを検出して文字間隔を設定してみてください。あなたが動作しませんでした私の前に述べたように、いくつかの他のオプションを見てみると

var isSafari = /Safari/.test(navigator.userAgent) && /AppleComputer/.test(navigator.vendor); 

if(isSafari) { 
    //set letter spacing using jQuery or JS DOM 
} 

http://www.w3schools.com/cssref/pr_text_letter-spacing.asp

Answer 2

。

オプションA：

フォントフォーマットが間違っている可能性があります。 .ttfはSafariとAndroidデバイスの標準です。あなたはこの質問で詳細を確認することができます：Safari font rendering issues

オプションB：

それはtext-rendering問題だ包み上記の質問にこの答えは、いくつかのより多くのオプションがあります：https://stackoverflow.com/a/31218373/4314753

オプションC：

サファリのレンダリングに問題があり、フォントの重量を定義するために問題が修正されたという人が少しいます。font-weight: 400

オプションD：

それが最終的にレンダリングの問題であり、別の解決策を見つけることができない場合は、ハックは、画像が、それができたほど友好的でない場合であっても、テキストを置き換える持っている可能性がありさあ。