通过CSS在Adobe XD和Web上工作Sans字体的外观有所不同

编程问答 2022-08-14

问题描述

因此，我一直在Adobe XD上设计一个网站，然后使用HTML / CSS开发它。我一直在使用前端的基础框架。

我使用了“ Work Sans”字体，并试图使CSS和XD之间的所有内容相同。我的CSS包含相同的字体系列，字体大小，行距，字体粗细，颜色和对齐方式。但是，实施时它仍然看起来有所不同。

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

Adob​​e XD

enter image description here

CSS

enter image description here

如您所见，该字体在CSS版本中显得更细。\

这是XD字体设置的屏幕抓取

enter image description here

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

.about_parameter_head {
    color:#1F91DC;
    font-size:3.25rem;
    margin-bottom:0.125rem;
    font-weight: bold;
    text-align:center;
}

我怀疑这与“大胆的罗马”还是“大胆的”有关？但是，CSS不会接受“粗体”作为有效条目。

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

我检查了所有内容，但真的不知道出了什么问题。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

adobe-xdfontshtmlzurb-foundation