请教一个浏览器上的字体问题

You need to sign in to view this topic

This topic created in 447 days ago, the information mentioned may be changed or developed.

我打算在网页上使用 win 自带的幼圆字体，如图

但是它原生只有一种字体(normal)，没有 light\bold 之类。

不过在浏览器里指定 fontWeight: 'bold'，字体是有变粗的。问了下 AI ，说是‘浏览器会尝试自己“合成”一个粗体版本’。如果能 work ，也无所谓了。但实际上，会出现下图这种个别字体没有变粗的情况：

---------------------

我是希望所有字体能统一变粗的，能实现么？

造成这种个别字体没有'合成'粗体的底层原因是啥呢？

5 replies • 2025-07-26 21:40:42 +08:00

ZColin

Jul 26, 2025

cpstar

Jul 26, 2025

保险起见，自己传给用户一个字体，但这就是中文网页字体别扭的地方——给用户一个自己的字体，字体文件尺寸太大，传输慢了用户看不到合适的渲染；使用用户自带的字体，但是遇到这种渲染不可控的，你能怎么控，当然就要回退不使用。至于 1#的方案，难道让用户自己先安装油猴，再安装油猴脚本？！

ntedshen

Jul 26, 2025

-webkit-text-stroke: thin;
text-shadow: 0px 0px 1px #ffffff;

原因不知道。。。
你要不试试这两个。。。

MajestySolor

Jul 26, 2025

geelaw

Jul 26, 2025

你仔细看会发现“可”字并不是没有加粗，而是变成了线框+笔画线条：

https://imgur.com/a/L2TAe0Q

无责任猜测是“可”字在字体里的笔画的边线两侧过于接近，某种奇妙的浮点数误差或者奇偶行内行外算法导致的渲染异常。