我正在创建一个在Android和IOS上使用的Ionic 2应用程序。我对ios版本有一个真正的问题，由于某种原因将任何和所有离子列表项的字母间距设置为.1rem非常宽，所以看起来我得到这种输出到处都有文字显示。
W E L C O M E
我已尝试在app.scss文件中进行设置
*{
font-family: 'bebas';
font-size: 20px;
text-transform:uppercase;
letter-spacing:normal !important;
}
打击这个，但应用程序忽略了它，仍然默认为.1rem，这是不理想的。
还有其他人有这个问题吗？或者可以提出一个解决方案，因为当我在桌面上的Safari中加载应用程序时看起来非常难倒，但它在Chrome和Android上也是如此。
非常感谢。
答案 0 :(得分：0)
好的，所以我找到了解决此问题的自定义字体。问题是在ios上，css类platform-webview将text-rendering属性设置为optimizeLegibility，这会在应用程序中导致奇数字母间距。所以为了解决这个问题，我在app.scss中覆盖了这个类来解决这个问题。
body.platform-ios.platform-cordova.platform-webview {
text-rendering: auto !important;
}
我也用我的Android应用程序版本测试了这个解决方法，它似乎像以前一样工作，对于android没有任何区别。