iOS Safari上的字體溢出

Question

我僅使用Safari瀏覽器的iOS設備上的字體家族Interstate WGL Bd有問題。 使用Interstate Bd類的另一個字體家族就像一種魅力。 不幸的是，我們不能使用Interstate Bd因為某些字符（如č ）的呈現方式不正確。

希望我可以讓您了解當前的狀態，但是很遺憾，該項目尚未向公眾開放。 另外，我不能添加小提琴，因為該字體已獲得許可。

讓我們解決問題：正如您在屏幕快照（Safari中使用iPad Air 1制作）中所看到的那樣，文本超出了按鈕。

即使按鈕沒有固定的寬度並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/ ”沒有提供任何信息。