安卓真机上字体有偏离无法完全居中对齐

许多人在真机上面查看html会发现很多文字有偏离无法完全居中对齐，解决方案为给标签加上lang="zh-cmn-Hans";再给无法居中的标签加上中文字体，例如font-family:'宋体' ;产生此类问题是由于安卓手机对一些非中文字体无法居中。

例如 (flex兼容性代码省略)

        

星云

法师

此时出现的问题，红色标签里文字无法居中，line-height无法解决，红色标签与前面的名字也无法对齐，即使我用了flex布局的居中对齐，此时代码为

.info{

display:flex;

        align-items:center;

}

.zhiwei {
width:30px;
border-radius:30px;
text-align:center;
background: #db4000;
color: #FFFFFF;
line-height:16px;
height:16px;
margin-left: 5px;font-size:10px;

}

此时改为再给红色标签和前面文字分别加上font-family:'宋体' ;显示为

此时对齐居中都实现了