iOS上的字體溢出Safari

我在iOS設備上使用Safari瀏覽器時，字體系列Interstate WGL Bd出現問題。使用另一種字體系列，如Interstate Bd就像一個魅力。不幸的是，我們不能使用Interstate Bd，因爲某些字符（如č）渲染不正確。iOS上的字體溢出Safari

我希望我可以讓你進入目前的狀態，但不幸的是，該項目尚未公開。另外，我無法添加小提琴，因爲字體是許可的。

讓我們來看看問題：正如您在屏幕截圖中所看到的（使用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>

來源

2017-03-16 Nano

的問題是由在字體的錯誤引起的。

我們的服務提供商（誰提供字體）已經解決了這個問題。

我不能說他們是如何做到的，因爲「https://www.typenetwork.com/」沒有給我們提供任何信息。

來源

2017-04-18 07:10:03 Nano

iOS上的字體溢出Safari

回答

相關問題