saber酱的抱枕

Fly me to the moon

05/5
15:10
学习

使用Arial字体避免文字加粗时产生抖动

默认情况下,我们浏览器的字体是宋体。但宋体如果给字母、数字等文字设置加粗,文字会相对于左侧加粗,造成抖动和撑大容器。
下图设置了鼠标经过时文字加粗的效果:

即使使用微软雅黑字体也一样。解决办法是使用Arial字体,Arial是相对于中间加粗,而且也不会撑大容器:

问题解决了,但是Arial不支持汉字,怎样避免汉字加粗时发生的抖动呢?这时候把汉字设置为微软雅黑字体就行了。

使用Arial字体避免文字加粗时产生抖动