Ionic 2 RC3 iOS 8自定義字體字母間距問題

我正在創建一個用於Android和IOS的Ionic 2應用程序。我有一個真正的問題與ios版本，這是由於某種原因設置任何和所有離子列表項的字母間距爲.1雷姆這是非常廣泛的，所以看來我得到這種輸出到處都是正在顯示文本。Ionic 2 RC3 iOS 8自定義字體字母間距問題

寬E L CØM E

我試過在app.scss文件

*{ 
font-family: 'bebas'; 
font-size: 20px; 
text-transform:uppercase; 
letter-spacing:normal !important; 
}

設置，以打擊這一點，但應用程序被忽略它，仍然默認爲.1rem這是不理想的。

有沒有其他人有這個問題？或者可能會建議一個解決方案，因爲當我在桌面Safari瀏覽器中加載應用程序時，應用程序看起來不錯，而且它在Chrome和Android上也是如此。

非常感謝。

可能的解決方法（不是解決方案）是在平臺爲iOS時爲'html'標記添加樣式。 'rem'是相對於根的字體大小，所以也許改變'html {letter-spacing：2％;}'會解決（不確定） – Ivaro18

我已經嘗試過這麼多，沒有運氣，離子似乎是完全忽略了我在app.scss中輸入的關於ios設備上的字母間距的所有內容。 –

我認爲這個問題可能是因爲我在app.scss中設置font-face時未能設置font-weight。我認爲這是由於Safari Mobile將字體設置爲粗體字體時出現問題。 –

好吧，我找到了解決這個問題的自定義字體。問題是，在ios上，css類platform-webview將文本呈現屬性設置爲optimizeLegibility，這會導致應用程序中出現奇怪的字母間距。所以爲了解決這個問題，我在我的app.scss中覆蓋了這個類來解決這個問題。

body.platform-ios.platform-cordova.platform-webview { 
    text-rendering: auto !important; 
}

我也測試了這個解決方案與我的android版本的應用程序，它似乎像以前一樣工作，沒有差異的android。

2016-12-02 08:53:25

回答