iOS Safari上的字体溢出

Question

我的iOS设备上的font-family Interstate WGL Bd只有Safari浏览器存在问题。 使用像Interstate Bd这样的另一个字体系列就像一个魅力。 很遗憾，我们无法使用Interstate Bd，因为某些字符（例如č）的呈现方式不正确。

我希望我可以让您访问当前状态，但遗憾的是该项目尚未向公众开放。 此外，我无法添加小提琴，因为该字体已获得许可。

让我们来解决问题： 正如您在屏幕截图中看到的（在Safari中使用iPad Air 1制作），文本会超出按钮。

即使按钮没有固定宽度且为display: inline-block;。

之前有没有人见过这个问题？

＆＃13;

＆＃13;

.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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

问题是由字体错误引起的。

我们的服务提供商（提供字体）解决了这个问题。

我不能说他们是如何做到的，因为＆＃34; Source＆＃34;没有给我们任何信息。