Html 在Adobe XD和Web上，通过CSS，Work Sans字体的外观是不同的

所以我一直在AdobeXD上设计一个网站，然后使用HTML/CSS进行开发。我已经使用了前端的基础框架。 我使用了“worksans”字体，并试图使CSS和XD之间的所有内容保持一致。我的CSS包括相同的字体系列、字体大小、行距、字体大小、颜色和对齐方式。但是，在实现时，它仍然显得不同

下面是AdobeXD和CSS中元素的屏幕截图

Adobe XD

CSS

如您所见，CSS版本中的字体看起来更薄\

下面是XD字体设置的屏幕抓图

这是我的CSS（字体系列是在一个单独的类中指定的，但是，当我检查元素时，它显示为计算值）

我怀疑这和“粗体罗马”和“粗体”有关？但是，CSS不接受“粗体罗马”作为有效条目

到目前为止，我已经尝试将字体大小设置为“粗体”和“800”，但它保持不变

---

我已经检查了所有地方，真的不知道出了什么问题。

粗体罗马体

不是有效的字体大小，但是您可以尝试

更粗体的字体。可用的字体权重有
100-900
，
较轻
，
较轻
，
正常
，
加粗
，
加粗
您还必须在字体文件中验证加粗罗马字体的设置。检查字体面声明。顺便说一句，我在谷歌版的字体中找不到加粗的罗马字体：@Beauceron我其实也因为同样的原因被弄糊涂了。我在AdobeXD和网络上都使用了谷歌版本。不知道“大胆的罗马人”是从哪里来的。然而，我加入了一些来自谷歌字体的样式，并更新了我的字体参考标签。能够解决字体大小为600的问题。感谢您的帮助。
粗体罗马字体
不是有效的字体大小，但是您可以尝试
粗体
。可用的字体权重有
100-900
，
较轻
，
较轻
，
正常
，
加粗
，
加粗
您还必须在字体文件中验证加粗罗马字体的设置。检查字体面声明。顺便说一句，我在谷歌版的字体中找不到加粗的罗马字体：@Beauceron我其实也因为同样的原因被弄糊涂了。我在AdobeXD和网络上都使用了谷歌版本。不知道“大胆的罗马人”是从哪里来的。然而，我加入了一些来自谷歌字体的样式，并更新了我的字体参考标签。能够解决字体大小为600的问题。谢谢你的帮助。
.about_parameter_head {
    color:#1F91DC;
    font-size:3.25rem;
    margin-bottom:0.125rem;
    font-weight: bold;
    text-align:center;
}