[火狐兼容问题][字体库小图标不垂直居中问题][开发时注意添加 html的lang属性]

问题

在火狐环境下,字体图标的不垂直居中,且字体的高度与大小不一致。在其他浏览器正常显示,在另一个项目也是正常,经过各种调试都未能成功,已删除当前所有自定义的样式,只保留了vue-cli工程化的代码,依然有问题,后谷歌看到设置html的lang后,显示正常


不正常的情况
正常的情况

解决方案

设置html语言

<html  lang="en">

解析

使用 vue-cli搭建的代码
html文件默认为这样不设置语言

<html  lang="">

当前设置的字体库如下

font-family: PingFangSC-Regular, PingFang SC, sans-serif, "Microsoft Yahei";

不设置语言时,火狐浏览器无法正确识别字体库应该用的格式,随后显示了默认的字体,导致与其他页面效果不一致。

遗留疑问是设置语言为zh-cn,也显示不了的不正确

参考发现
https://www.jianshu.com/p/182977645bb7

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容