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/ ”没有提供任何信息。