Google 字体在 google.com 和我的网站上看起来不同

Question

我刚刚尝试使用 Google 字体并注意到以下令人不安的效果：
在我的自定义 html 文件中使用该字体的结果与出现在Google site.
起码字体大小肯定不一样（颜色也不一样，不过无所谓）。

字体：Slabo 27px，大小：112px
Link 到 Google 字体：https://fonts.google.com/specimen/Slabo+27px
浏览器是一样的：Firefox。

在google：

在我的站点

我使用的 HTML 代码：

<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Slabo+27px"> 

<div class="end">
  <p>Regular</p>
</div>

main.css:

.end {
    font-family: 'Slabo 27px';
    font-weight: 400;
    font-style: normal;
    font-size: 112px;
    color: #212121;
}

知道是什么原因造成的吗？？

更新：哎呀，是我一时不留神
Google 页面原来一直在缩放。
我在缩放重置后比较了它们并确认它们是相同的。

Answer 1

老实说，我看不出有什么不同。除了颜色和尺码。

你的看起来更锐利一些。但我不会抱怨那个。

Answer 2

相同，没有区别，都是 112px 大小。 https://jsfiddle.net/fp9j7L85/

<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">

Google 字体在 google.com 和我的网站上看起来不同

Google Fonts looks different at google.com and at my web site

html

css

fonts

font-size