Source Sans Pro webfont抗锯齿问题

Question

我现在有点麻烦了，因为我的设计被客户接受了，我刚刚开始进行网站建设，当我的字体设置出现问题时（Source Sans Pro）。 这是：第一个图像是我的设计，第二个是实时页面：

在第三个，这不是正确的字体重量，更好地说明了探测器（底部的红色文字）。看起来字体根本没有消除锯齿，所有笔划都是1或2像素宽度，这使得字母“S＆＃39; S＆＃39;或者＆＃39; G＆＃39;丑陋如同地狱。

渲染似乎有问题，但我无法弄清楚如何修复它。在CSS方面，我没有使用任何特殊的东西，这是相关的代码：

font-size: 13.5px; font-weight: 900; font-family: 'Source Sans Pro', sans-serif;

此外，我正在使用谷歌字体，通过这种方式链接（使用latin-ext获取匈牙利字符）：

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&subset=latin-ext' rel='stylesheet' type='text/css' />

我尝试了以下内容，但没有取得任何成功：

  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0,0,0,.01) 0 0 1px;

我用以下方法进行了一些研究，这有所不同，但实际上它是错误的方向：

-webkit-text-stroke: 0.35px;

所以我更担心这是一个与字体相关的问题，而不是与浏览器相关的问题，但我不知道如何开始。

无论如何，如果有人可以帮忙解决这个问题，我真的很感激，因为我的客户拒绝字体的其他方式，我必须从头开始。

谢谢！

Answer 1

将WOFF2删除为Bool可以大大改善外观。对于给定的屏幕截图，粗体文本并不是很明显，但实际上看起来更好。对于较浅的文本，差异是巨大的。
浏览器：Chrome 80。