Firefox和Chrome中的CSS字体差异

我在Firefox/Chrome中遇到字体差异问题。 所有的字体在Chrome上看起来都比Firefox更粗体、更大，但我希望它们和Firefox一样。 我试图添加不同的属性，但似乎没有任何效果。 我正在使用twitter引导，所以normalize.css已经包含在内。 有什么想法，为什么会有这样的区别

我附上照片，这里是使用的css：

body{
  background-color: #f9f9f9;
  color: #555555;
  font-family: Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  font-weight:400;
  font-size-adjust: 0.5;
  font-weight:400;
  -webkit-text-stroke: 0.7px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; 
  -webkit-transform: translate3d(0px, 0px, 0px); 
}

h3 {
  font-family:"Lato",sans-serif;
  font-weight: 300;
  letter-spacing: normal;
  margin-bottom: 33px;
  word-spacing: 2px;
  font-size: 2.5em !important;
  line-height: 2 !important;
}

以及导入的字体：

<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>

这是我在浏览器上看到的链接和附加图片

---

不幸的是，浏览器并不都支持相同的字体显示功能。如果你只使用基本的字体，那么在不同的浏览器中字体看起来是一样的

div{
字体：14px/20px‘Arial’、‘解放号’、‘Helvetica Neue’、‘无衬线’；
}

---

Lorem ipsum door sit amet，一位杰出的领导者，他是一位临时劳工和大股东。你能提供一个类似JSFIDLE的虚拟示例吗？@NitinGarg我创建了一个JSFIDLE示例，并附上了我的browswers@MrListerchrome版本是48，FF 44。我尝试使用字体大小调整（并且包含在css中），但它只在FF上起作用-但我喜欢字体像在FF上一样，因为Chrome不起作用（见我的评论）@AngelM。你说得对，事实并非如此。MDN说它可以在v44中使用。但显然不是。总而言之，如果您从小提琴中删除所有
-webkit
属性和
字体大小调整
，Chromium和Mozilla的结果是相同的。@MrLister hm，不是我，是相同的区别：（再次感谢：），即使在我的情况下，我也不得不删除所有附加设置，使其看起来或多或少相似