美文网首页
ionic中安卓和苹果分别使用两套字体

ionic中安卓和苹果分别使用两套字体

作者: CodeBetter | 来源:发表于2018-06-09 15:15 被阅读0次

在ionic中安卓和苹果使用两套字体

在网上查了很多资料都没找到对应的解决方案,自己后面研究了下。大致找到了解决办法,虽然不是最完美的解决方案,但是也基本能解决问题了。

接的一个外包项目中需要在安卓机上使用思源字体,而在苹果机上使用苹方字体。当时考虑ionic是否有对应的平台配置项可以解决这个问题,但是在下ionic不是特别精通,始终没有找到解决的办法。最后想到在ios中运行,元素类名中会自动加入“ios”字符。所以最终选择的解决方案如下:

app.scss中的字体引入和样式设置

在app.scss中引入思源字体和苹方字体,然后对所有元素设置为思源字体,对类名包含ios字符的元素使用苹方字体(但是把字体图标排除在外:not(ion-icon))。这是本人想到的解决方案,如果有更优雅的解决方式欢迎大家告知。谢谢。

相关文章

网友评论

      本文标题:ionic中安卓和苹果分别使用两套字体

      本文链接:https://www.haomeiwen.com/subject/smvteftx.html