[火狐兼容問題][字體庫小圖標不垂直居中問題][開發(fā)時注意添加 html的lang屬性]

問題

在火狐環(huán)境下，字體圖標的不垂直居中，且字體的高度與大小不一致。在其他瀏覽器正常顯示，在另一個項目也是正常，經(jīng)過各種調(diào)試都未能成功，已刪除當前所有自定義的樣式，只保留了vue-cli工程化的代碼，依然有問題，后谷歌看到設(shè)置html的lang后，顯示正常


不正常的情況
正常的情況

解決方案

設(shè)置html語言

<html  lang="en">

解析

使用 vue-cli搭建的代碼
html文件默認為這樣不設(shè)置語言

<html  lang="">

當前設(shè)置的字體庫如下

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

不設(shè)置語言時，火狐瀏覽器無法正確識別字體庫應(yīng)該用的格式，隨后顯示了默認的字體，導(dǎo)致與其他頁面效果不一致。

遺留疑問是設(shè)置語言為zh-cn，也顯示不了的不正確

參考發(fā)現(xiàn)
http://www.itdecent.cn/p/182977645bb7

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容