如何解决通过CSS在Adobe XD和Web上工作Sans字体的外观有所不同
因此,我一直在Adobe XD上设计一个网站,然后使用HTML / CSS开发它。我一直在使用前端的基础框架。
我使用了“ Work Sans”字体,并试图使CSS和XD之间的所有内容相同。我的CSS包含相同的字体系列,字体大小,行距,字体粗细,颜色和对齐方式。但是,实施时它仍然看起来有所不同。
下面是AdobeXD和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不会接受“粗体”作为有效条目。
到目前为止,我已经尝试将字体粗细设置为“粗体”和“ 800”,但是保持不变
我检查了所有内容,但真的不知道出了什么问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。