Html 引导转盘影响更改幻灯片上的所有字体

我正在我的网站上使用引导旋转木马。我觉得这个问题很小，但很烦人。每次旋转木马更改幻灯片时，web上的所有字体都会在一秒钟内变厚。每一张新幻灯片都会重复这一点

---

我在不止一个网站上看到这个问题。你见过吗？任何解决方案？

闪烁的原因是Webkit引擎的GPU加速。动画会更改浏览器的字体渲染模式。您可以尝试使用此CSS样式来修复此问题：

-webkit-font-smoothing: subpixel-antialiased

---

此外，可能还需要对

z-index

属性进行一些黑客攻击，我了解到动画文本应该在页面上具有最高的z值-尽管如果字体平滑解决了这个问题，您不应该关心这个问题。

我尝试从CSS中的主体样式中删除它：

text-rendering: geometricPrecision;

---

这对我来说很有效。

在style.css中创建类以避免从其他类继承。比如说

正文{ 字体系列：“Arial”；}

p{font系列：“Arial”；}

这是我的工作

---

另一种方法是“尝试另一种字体”“您使用过的字体实例。

我在stackoverflow上找到的所有资源仍然会对字体和图像产生模糊的副作用。因此，我的解决方案是使用引导式旋转木马，而不使用类“slide”作为class=“Carousel”—这样就不会有幻灯片转换，图像将完全从一个转到另一个，但在我看来，这样做更好，而不会影响整个网站

更改为：

致：

---

您能提供一些屏幕截图吗？此外，这是否会影响多个浏览器？这是比较两种字体重量的屏幕截图。“加厚”仅在新滑块更改时显示，因此它可能仅在一秒钟内可见。但是，如果它在每次变化中都表现出来，那就太烦人了！乍一看，我认为这是一个Webkit的东西。你在其他浏览器上测试过吗？（例如Firefox或IE）我的回答假设是这样，如果不是，我会删除它。这对我不起作用，但是-webkit字体平滑：抗锯齿；我成功了！