[火狐兼容问题][字体库小图标不垂直居中问题][开发时注意添加
2021-11-24 本文已影响0人
槑小姐_1419
问题
在火狐环境下，字体图标的不垂直居中，且字体的高度与大小不一致。在其他浏览器正常显示，在另一个项目也是正常，经过各种调试都未能成功，已删除当前所有自定义的样式，只保留了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，也显示不了的不正确
