javascript - Revolution Sliders 字体像素化,在 iPhone6 的响应式网站中看起来不太好

标签 javascript fonts mobile-safari revolution-slider

我们正在使用 WordPress 开发一个响应式网站,并使用 Revslider 引入 slider 。但是,正如我们在 iPhone6+ 上使用 Safari 对其进行测试一样,在加载 2-3 张幻灯片后,字体会出现像素化,并显示模糊的文本标题和描述。

有人可以建议 slider 设置/CSS 补丁以使字体在所有媒体中保持一致吗?令人惊讶的是,iPad 和 iPhone5 在 slider 中显示了适当的字体,只有 iPhone6 存在字体像素化问题。

最佳答案

我的问题在这里得到了解决。如果有人遇到类似问题,请使用此方法。

.rev_slider_wrapper .tp-caption { -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent; -webkit-transform: none !important; }

通过在 CSS 中应用以上三行代码,您将能够解决我的案例中发生的 Font Pixelated 问题。

关于javascript - Revolution Sliders 字体像素化,在 iPhone6 的响应式网站中看起来不太好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32821512/

相关文章:

javascript - 字体 - Webpack 和 postcss

css - 对于那些需要 CSS3 前缀 -webkit- 的属性,我的 iphone 仍然存在问题

javascript - iPad JS 上的闪存

safari - 如何在 iOS 11 Mobile Safari 或 MacOS High Sierra Safari 中检测隐私浏览?

javascript - 为每个单词添加 "-"- javascript

javascript - 数据表样式不起作用

css - Google 字体显示为 Comic Sans?

javascript - 定义指令时 'controller' 、 'link' 和 'compile' 函数之间的区别

javascript - 使用 AngularJs 在选定的复选框上计算摘要

C# 单一字体字符大小?