浏览器字体加重不生效

最近在研究 vitepress 的主题，准备把博客从 hugo 改成 vitepress(因为 vitepress 的代码块比 hugo 的好看).

在写主题时，发现我添加的自定义的字体设置 font-weight 怎么也不生效，但是在 hugo 中是可以的.

最后一个个 F12 一个个样式的去尝试，发现 vitepress 的 body 会带下面的样式:

Copy
text-rendering: optimizeLegibility;
direction: ltr;
font-synthesis: style;
-webkit-font-smoothing: antialiased;

问题就是出在 font-synthesis: style; 上，改成 weight 即可.