Safari 在 bxSlider 上改变字体粗细
Safari changing font weight on bxSlider
这似乎只与 Safari 有关，但是当我激活 bxSlider 时，字体粗细会发生变化...在 Chrome 和 Firefox 中一切看起来都很棒。我可以在我的 css 中添加一些东西来解决这个问题吗？左边的图片是 Safari 问题...右边的图片是它应该看起来的样子...我试过 OSX-Only Fix、-Webkit-Text-Shadow Hack 和-Webkit-Text-Stroke Hack 提到：https://blakepetersen.io/how-to-clean-up-chrome-and-safaris-webfont-rendering/。我不认为这与 bxSlider 特别相关，因为文本在其他浏览器中看起来不错。
我的页面位于：http://joshrodg.com/hallmark/（蓝色部分靠近底部）- 其他人看到了吗？
谢谢，
乔什
因此，对于这个问题，我找不到解决方案（除了保持原样）。
我看到一个解决方案提到浏览器与动画混淆，因此文本呈现不正确。要解决此问题，您可以添加相对位置和 z-index。 z-index 应该高于带动画的 class 的 z-index。看了之后，我无法弄清楚哪个 class 正在执行动画。我尝试添加 z-index，但文本并没有 return 恢复正常。
我最终所做的正是我在之前 post 中提到的...在 .bx-viewport 我添加了 -webkit-text-stroke: 0.30px;。我喜欢这个解决方案，因为 webkit 前缀主要影响 Safari 浏览器（我在其中看到了问题）。
因为我还没有 运行 任何其他有效的方法，所以我将使用它作为我的解决方案。
这似乎只与 Safari 有关，但是当我激活 bxSlider 时，字体粗细会发生变化...在 Chrome 和 Firefox 中一切看起来都很棒。我可以在我的 css 中添加一些东西来解决这个问题吗？左边的图片是 Safari 问题...右边的图片是它应该看起来的样子...我试过 OSX-Only Fix、-Webkit-Text-Shadow Hack 和-Webkit-Text-Stroke Hack 提到：https://blakepetersen.io/how-to-clean-up-chrome-and-safaris-webfont-rendering/。我不认为这与 bxSlider 特别相关，因为文本在其他浏览器中看起来不错。
我的页面位于：http://joshrodg.com/hallmark/（蓝色部分靠近底部）- 其他人看到了吗？
谢谢，
乔什
因此，对于这个问题，我找不到解决方案（除了保持原样）。
我看到一个解决方案提到浏览器与动画混淆，因此文本呈现不正确。要解决此问题，您可以添加相对位置和 z-index。 z-index 应该高于带动画的 class 的 z-index。看了之后，我无法弄清楚哪个 class 正在执行动画。我尝试添加 z-index，但文本并没有 return 恢复正常。
我最终所做的正是我在之前 post 中提到的...在 .bx-viewport 我添加了 -webkit-text-stroke: 0.30px;。我喜欢这个解决方案，因为 webkit 前缀主要影响 Safari 浏览器（我在其中看到了问题）。
因为我还没有 运行 任何其他有效的方法，所以我将使用它作为我的解决方案。