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

37 天前
 wisej
我打算在网页上使用 win 自带的幼圆字体,如图



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

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


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

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

造成这种个别字体没有'合成'粗体的底层原因是啥呢?
1284 次点击
所在节点    问与答
5 条回复
ZColin
37 天前
cpstar
37 天前
保险起见,自己传给用户一个字体,但这就是中文网页字体别扭的地方——给用户一个自己的字体,字体文件尺寸太大,传输慢了用户看不到合适的渲染;使用用户自带的字体,但是遇到这种渲染不可控的,你能怎么控,当然就要回退不使用。至于 1#的方案,难道让用户自己先安装油猴,再安装油猴脚本?!
ntedshen
37 天前
-webkit-text-stroke: thin;
text-shadow: 0px 0px 1px #ffffff;

原因不知道。。。
你要不试试这两个。。。
MajestySolor
37 天前
geelaw
37 天前
你仔细看会发现“可”字并不是没有加粗,而是变成了线框+笔画线条:

https://imgur.com/a/L2TAe0Q

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1147865

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX