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

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

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

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


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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,029评论 3 119
  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥黑阅读 6,458评论 0 12
  • 1.新作 我的痛苦不是这江水能比拟 曾经牵过你的手 带你去过山顶 给你做过饭 江水决堤尚要倒流 你却一分手不再回头...
    陈恕之阅读 481评论 0 0
  • 秋风秋雨秋思长 一朝秋尽透炎凉 许是闲愁搁却久 漫洒情天鹊桥旁
    五月茉莉阅读 174评论 0 0
  • 7月22日,不知不觉已是到达柏林的第四天。两个孩子不到8点半就已经进入梦乡了,这样我才终于有时间继续我的游记。 到...
    赫赫吾名阅读 293评论 0 2