OGeek|极客世界-中国程序员成长平台

标题: ios - Ionic 2 RC3 iOS 8 自定义字体字母间距问题 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-11 18:13
标题: ios - Ionic 2 RC3 iOS 8 自定义字体字母间距问题

我正在创建一个用于 Android 和 IOS 的 Ionic 2 应用程序。我的 ios 版本有一个真正的问题,由于某种原因,将任何和所有 ion-list 项目的字母间距设置为 .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 上也是如此。

非常感谢。



Best Answer-推荐答案


好的,所以我找到了使用自定义字体解决此问题的方法。问题在于,在 ios 上,css 类 platform-webview 的文本渲染属性设置为 optimizeLegibility,这会导致应用程序中出现奇怪的字母间距。所以为了解决这个问题,我覆盖了我的 app.scss 中的类来解决这个问题。

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

我还用我的应用程序的 android 版本测试了这个解决方法,它似乎像以前一样工作,对于 android 没有任何区别。

关于ios - Ionic 2 RC3 iOS 8 自定义字体字母间距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40909318/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (https://ogeek.cn/) Powered by Discuz! X3.4