css如何解决font-weight:blod跳动的问题

小编给大家分享一下css如何解决font-weight:blod跳动的问题，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

需求：实现鼠标悬停在链接上时，链接字体加粗的功能。

实现方式1：

a:hover{font-weight:blod}

结果鼠标悬停的时候，页面会有跳动的现象。因为改变字体的时候改变了元素的大小，所以引起了页面的重排，所以会有跳动的现象。

实现方式2：

a:hover{text-shadow: 1px 0 0 currentColor;}

效果对比：

看完了这篇文章，相信你对“css如何解决font-weight:blod跳动的问题”有了一定的了解，如果想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！