我们正在使用 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/