字体（Roboto）在Chrome上显得比Firefox更强大（Windows）

Question

我通过我的网络应用广泛使用Roboto字体。我在Linux上开发并且一切都很好，但后来我检查了它在Windows上看起来是否相同，但它并没有。在Windows-Chrome中，字体更加大胆和丑陋，在Opera中也是如此。仅在Firefox中它看起来很正常（就像在Linux中的每个浏览器上一样）。我甚至做了一个小提琴并在2个浏览器上进行了比较：

http://jsfiddle.net/mhk2c4by

enter code here

在Linux上的Chrome中，它在Windows上的Firefox中看起来应该如此。

我能做些什么来解决这个问题吗？大多数人都会在Windows-Chrome上使用我的应用程序，而且我不喜欢这个字体。从图片中看起来并不那么糟糕，但在实时应用中它会产生很大的不同。

Answer 1

在Chrome中输入此内容，以启用2G进行网络字体加载。

 chrome://flags/#enable-webfonts-intervention-v2

在您的代码中使用css reset：2017’s most popular CSS Reset scripts

或者您可以创建jquery函数来检测使用的浏览器，并将类 .chrome 应用于将更改为粗体的字体。

function setBrowserClasses() {
    $.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase());
    if (true === $.browser.chrome) {
        $('body').addClass('chrome');
    }
}

Answer 2

Firefox可能在所有系统上使用相同的文本呈现，而Chrome使用系统。

文本呈现引擎是非常复杂的野兽，具有不同的算法和系统之间的默认设置。除了在高像素密度屏幕上进行网格拟合启发式扫描之外，他们不会给出相同的结果。

Windows堆栈的一个特点是它不能很好地处理未着色的字体，请确保将其提供给提示的字体。

否则只是接受它们是不同的，并且它对用户来说没问题。在窗户中使用windows风格的文本渲染花费时间的人不会抱怨你的应用程序不够Linuxy。