1

所以我一直在 Adob​​e XD 上设计一个网站，然后使用 HTML/CSS 开发它。我一直在使用前端的基础框架。

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

以下是 Adob​​eXD 和 CSS 中元素的屏幕截图。

Adobe XD

在此处输入图像描述

CSS

在此处输入图像描述

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

这是 XD 字体设置的屏幕截图

在此处输入图像描述

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

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

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

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

我已经检查了所有内容，真的无法弄清楚出了什么问题。

4

0 回答 0