收藏
回答

iconfont的字体图标显示尺寸与font-size不一致怎么解决?

同样的字体图标文件,分别在h5和小程序中让其font-size为100px,经调试工具查看:

图标在h5中的显示面积为114.66*101;在小程序页面中的显示面积则是114.66*110,刚好偏差9%,放大一倍也是,换了一个图标测试还是偏差9%。


因为iconfont管理、使用图标都比images文件方便很多,但其在小程序内的使用时,尺寸大小依赖于设置font-size,请问这个问题官方能否解决?


回答关注问题邀请回答
收藏

3 个回答

  • 马欢
    马欢
    2021-02-12

    把icon标签改为text标签就行      <text class='iconfont icon-home' style='font-size:30px;'></text>

    2021-02-12
    有用 1
    回复
  • G X G
    G X G
    2020-12-25

    有没有好的解决方案


    2020-12-25
    有用
    回复
  • 光
    2020-04-21

    目前替代方案,把font-size设得更大,直到显示的尺寸符合预期。

    就硬兼容

    2020-04-21
    有用
    回复
登录 后发表内容
问题标签