字母间距chrome与firefox的不同渲染

时间:2016-07-12 08:43:57

标签: html css google-chrome firefox cross-browser

我有一个字母间距为0.09em的html元素。我注意到这个元素在firefox和chrome上呈现的方式不同。我在SO上阅读了几篇文章和问题,这是因为浏览器以不同的方式呈现字体,但在我的情况下,我认为这些浏览器之间的区别太大了

on chrome

on firefox

我也尝试过使用px,但它的渲染方式也不同。有什么方法可以解决这个问题吗?或者至少使差距不像现在那么大。

感谢

更新了css片段:

#redband .btn.btn-default {
font-family: 'TR-MPZBASICHEAD-Bold', Helvetica, Arial, Sans-Serif;
text-transform: uppercase;
font-size: 17px;
letter-spacing: 0.09em;
color: #DE3443;
border-radius: 0;
float: right;
height: 34px;
line-height: 35px;
margin-top: 30px;
border-color: #fff;
padding: 0 30px;
}
是的,我也使用bootsrap。我想知道引导程序是否导致这种情况(很可能不是)

0 个答案:

没有答案