问题描述
大家好。
我使用 Bootstrap Carousel 我发现小，但很恼人的问题。每次如果轮播更改幻灯片，网络上的所有字体获得一秒钟更厚。
Im using Bootstrap Carousel on my web. I find small but so annoying issue. Everytime if carousel change slide, all fonts on web get for one second a bit thicker. And this repeats with every new slide.
我在多个网站上遇到此问题。你见过吗？任何解决方案？
I get this issue on more than one website. Have you ever seen that? Any solution ?
推荐答案
闪烁的原因是Webkit引擎的GPU加速。动画改变浏览器的字体渲染模式。您可以尝试使用此CSS样式来修复此问题：
The reason for the flickering is the GPU acceleration of the Webkit engine. The animation changes the font-rendering mode of the browser. You could try to use this CSS style to fix this:
-webkit-font-smoothing: subpixel-antialiased
此外，可能还需要使用 z-index 属性，我读到动画文本应该有最高的z值在页面上 - 虽然你不应该关心这，如果字体平滑解决了。
Also, it may be possible that some hacking is also required with the z-index property, I read that the animated text should have the highest z value on the page - though you should not care for this, if the font smoothing solved it.
这篇关于Bootstrap Carousel会影响更改幻灯片上的所有字体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！