iOS Safariのフォントオーバーフロー

Question

SafariブラウザのiOSデバイスでフォントファミリInterstate WGL Bdに問題があります。 Interstate Bdのような別のフォントファミリを使用すると、魅力的に機能します。 残念ながら、特定の文字（čなど）が正しく表示されないため、Interstate Bdを使用することはできません。

私はあなたに現在の状態へのアクセスを与えることができますが、残念ながらプロジェクトは公開されていません。 また、フォントにライセンスが付与されているため、私はフィドルを追加できません。

問題を解決しよう： スクリーンショット（SafariのiPad Air 1で作成）で確認できるように、テキストはボタンの向こう側に流れています。

そしてthatsのボタンには固定幅を持っていないとdisplay: inline-block;であっても。

誰もこの問題を以前に見たことがありますか？

.button { 
 
    -webkit-transition: all 0.3s; 
 
    -moz-transition: all 0.3s; 
 
    transition: all 0.3s; 
 
    display: inline-block; 
 
    padding: 15px 20px; 
 
    font-family: "Interstate WGL Bd", sans-serif; 
 
    background: #008bd7; 
 
    color: #ffffff; 
 
    cursor: pointer; 
 
    border: none; 
 
    text-decoration: none; 
 
    font-size: 16px; 
 
} 
 

 
.button:before { 
 
    content: "+"; 
 
    font-family: "icon"; 
 
    display: inline-block; 
 
    vertical-align: top; 
 
    margin-right: 7px; 
 
    font-size: 12px; 
 
    font-weight: bold; 
 
}

<section> 
 
    <a class="button" href="#"> 
 
    <span>SOME BUTTON TEXT THAT IS OVERFLOWING THE BUTTON</span> 
 
    </a> 
 
</section>

Answer 1

問題は、フォント内のエラーによって引き起こされました。

サービスプロバイダ（フォントを提供する）が問題を解決しました。

"https://www.typenetwork.com/"は私たちに情報がないので、正確にどのようにしたかは言えません。