如何在OSX和Ubuntu上的Chrome中获得相同的字体渲染

时间:2017-09-25 01:40:34

标签: css browser fonts

我正在尝试在无头模式下使用chrome来进行屏幕截图比较测试。我想截取我的页面的截图,如果它与现有的屏幕截图不完全匹配,则无法通过测试。

除文本呈现外,这一切都完美无缺。

  • 我的测试在OSX上的本地计算机上运行
  • 我的测试也在Ubuntu上的Travis CI上运行
  • 我正在Arial
  • 中呈现所有内容

OSX和Ubuntu之间的文本呈现似乎非常轻微不同,只要屏幕截图不再100%相同且测试失败。所有其他呈现的HTML都完美匹配。

有没有办法让文本呈现在两种环境之间100%一致?我不介意我是否需要禁用抗锯齿或类似的东西 - 如果文本块状或不完美无关紧要,只要它在两个env之间完全匹配,这样我就能可靠地检测到打破变化。

我尝试过设置:

user-select: none;
-webkit-font-smoothing: none;

但这似乎没有帮助。

有没有办法说,让Chrome使用一些内置的文字渲染器而不是以任何方式依赖操作系统?或者我可以采取其他方法吗?

0 个答案:

没有答案