Google字体在google.com和我的网站

Question

我只是尝试使用Google字体，并注意到以下令人不安的影响：
在我的自定义html文件中使用字体的结果与Google网站上的字体不同。
至少字体大小肯定是不同的（颜色也不同，但它并不重要）。

字体：Slabo 27px，尺寸：112px
链接到Google字体：https://fonts.google.com/specimen/Slabo+27px
浏览器是相同的：Firefox。

谷歌：

在我的网站上

我使用的HTLM代码：

<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;
}

任何想法是什么导致这种影响？

更新： 阿尔，只是我不专心 谷歌页面一直在缩放。
我在缩放重置后比较它们并确认它们是相同的。

Answer 1

老实说，我看不出有什么区别。除了颜色和大小。

你看起来有点尖锐。但我不会抱怨这个。

Answer 2

同样，看不出差异，两者都有112px的大小。 https://jsfiddle.net/fp9j7L85/

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