ios - Ionic 2 RC3 iOS 8 自定义字体字母间距问题
<p><p>我正在创建一个用于 Android 和 IOS 的 Ionic 2 应用程序。我的 ios 版本有一个真正的问题，由于某种原因，将任何和所有 ion-list 项目的字母间距设置为 .1rem，这非常宽，所以看起来我在任何地方都能得到这种输出正在显示的文本。</p>
<p>W E L C O M E</p>
<p>我已经尝试在 app.scss 文件中设置</p>
<pre><code>*{
font-family: 'bebas';
font-size: 20px;
text-transform:uppercase;
letter-spacing:normal !important;
}
</code></pre>
<p>为了解决这个问题，但应用程序忽略了它，仍然默认为 .1rem，这并不理想。</p>
<p>还有其他人遇到过这个问题吗？或者可以提出一个解决方案，因为我很困惑，因为在桌面上的 safari 中加载该应用程序看起来不错，而且它在 chrome 和 android 上也是如此。</p>
<p>非常感谢。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>好的，所以我找到了使用自定义字体解决此问题的方法。问题在于，在 ios 上，css 类 platform-webview 的文本渲染属性设置为 optimizeLegibility，这会导致应用程序中出现奇怪的字母间距。所以为了解决这个问题，我覆盖了我的 app.scss 中的类来解决这个问题。</p>
<pre><code>body.platform-ios.platform-cordova.platform-webview {
text-rendering: auto !important;
}
</code></pre>
<p>我还用我的应用程序的 android 版本测试了这个解决方法，它似乎像以前一样工作，对于 android 没有任何区别。</p></p>
<p style="font-size: 20px;">关于ios - Ionic 2 RC3 iOS 8 自定义字体字母间距问题，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/40909318/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/40909318/
</a>
</p>
页:
[1]