javascript - 前端制作网页是否要根据蓝湖提供的样式文字加粗？

Question

蓝湖提供的样式

设置之后展现，感觉要比设计稿粗很多，需要用设计稿的样式？

Answer 1

得看字体包是否提供了对应字重值，因为有退回机制 �� #回退机制 | font-weight - CSS：层叠样式表 | MDN
一般来说，中文字体只会有 normal 和 bold 两种选择，所以设置了也是没有效果的。

---

所以其实需要提前和UI沟通，告知一些浏览器环境下的限制。比如说文字部分的字体、粗细等等的各种限制（很多字体包体积太大，以及使用可能会收到版权警告）。

然后制定一套UI设计规范，规定各种部分的标准。再按照这个标准去设计界面UI。前端也只需要在一开始覆写好标准主题样式。可以减少很多重复的工作量，UI设计时也会方便很多。

Answer 2

是的，前端制作网页时应该尽量根据蓝湖或其他设计工具提供的样式来制作，包括文字加粗等样式设置。

当你在蓝湖等工具中看到的设计稿样式，通常是由设计师根据项目的需求和品牌的视觉识别系统（VIS）来设定的。这些样式包括了颜色、字体、大小、粗细等各种视觉元素，以确保网页在不同设备和屏幕上都能保持一致的视觉效果。

当你在前端实现这些样式时，如果发现实际效果与设计稿有所不同，比如你提到的文字加粗后感觉要比设计稿粗很多，这可能是因为不同的浏览器或设备对样式的渲染方式有所不同，或者在设计稿和前端实现中使用的字体、字号等参数存在差异。

在这种情况下，你应该首先检查设计稿中使用的具体字体、字号和加粗方式等参数，并在前端实现中尽量保持一致。如果仍然无法达到预期效果，你可以尝试调整前端实现中的样式参数，比如调整font-weight属性来改变文字的粗细程度，直到达到与设计稿相近的效果。

总之，前端制作网页时应该尽量遵循设计稿中提供的样式要求，以确保网页在不同设备和屏幕上的视觉效果一致。同时，也需要根据实际效果进行适当的调整和优化。