Javascript windows中的谷歌字体是参差不齐的

我看过很多关于这方面的帖子，但人们都说这只是在windows Chrome中渲染不当。在我的例子中，大多数浏览器包括IE。Cleartype在默认情况下处于启用状态，因此这不是问题所在

我不敢相信windows不能正确处理谷歌字体。也许，有人可能有一个可行的解决方案或合理的退路

在Windows机器上使用Arial是否明智？是否有检测操作系统类型的脚本，如果有，我应该实现它吗？我知道我应该选择一种基本的字体，但我还是要取悦OSX人群好吗

编辑：

---

我应该补充一点，我使用的是新闻循环。在谷歌字体网站18px及以下的版本上，它甚至看起来有点糟糕。

我不知道锯齿状渲染问题，但作为回退，您可以使用JavaScript中的

navigator.userAgent

属性检测操作系统

Windows用户代理包含子字符串

NTX.y

，例如

NT6.1

用于Windows 7

编辑：您还可以使用

navigator.appVersion

属性。以下是一个示例：

if(navigator.appVersion.indexOf("Win") != -1)
    OS = "Windows";
if(navigator.appVersion.indexOf("Mac") != -1)
    OS = "MacOS";
if(navigator.appVersion.indexOf("X11") != -1)
    OS = "Unix";
if(navigator.appVersion.indexOf("Linux") != -1)
    OS = "Linux";

if(OS == "Windows") {
    //add specific styles
}

---

要使该过程自动化，您可以使用，这将根据操作系统向元素添加类。

我不知道锯齿状渲染问题，但对于回退，您可以使用JavaScript中的

navigator.userAgent

属性检测操作系统

Windows用户代理包含子字符串

NTX.y

，例如

NT6.1

用于Windows 7

编辑：您还可以使用

navigator.appVersion

属性。以下是一个示例：

if(navigator.appVersion.indexOf("Win") != -1)
    OS = "Windows";
if(navigator.appVersion.indexOf("Mac") != -1)
    OS = "MacOS";
if(navigator.appVersion.indexOf("X11") != -1)
    OS = "Unix";
if(navigator.appVersion.indexOf("Linux") != -1)
    OS = "Linux";

if(OS == "Windows") {
    //add specific styles
}

---

要自动化此过程，您可以使用，这将根据操作系统向元素添加类。

明智地选择字体并始终进行测试。谷歌字体是一个惊人的资源，但并不是每种字体都能正确显示，甚至在所有浏览器/平台上都清晰可辨

编辑： 谷歌上有很多关于字体的资源。你需要研究“字体堆栈”，这将有助于你选择备用字体。IMHO，我真的不认为用户代理嗅探在这种情况下是必要的

这是一篇很好的文章，虽然有点旧：

---

明智地选择字体，并始终进行测试。谷歌字体是一个惊人的资源，但并不是每种字体都能正确显示，甚至在所有浏览器/平台上都清晰可辨

编辑： 谷歌上有很多关于字体的资源。你需要研究“字体堆栈”，这将有助于你选择备用字体。IMHO，我真的不认为用户代理嗅探在这种情况下是必要的

这是一篇很好的文章，虽然有点旧：

---

我只是在Windows上的Chrome中遇到了问题。以前的一种解决方法是添加一个不可见的文本阴影或稍微旋转文本，但从第16版开始，这种方法就停止了。我发现以下CSS属性有时对某些字体有帮助：

-webkit-text-stroke-width: .5px;

---

我只在Windows上的Chrome上遇到过问题。以前的一种解决方法是添加一个不可见的文本阴影或稍微旋转文本，但从第16版开始，这种方法就停止了。我发现以下CSS属性有时对某些字体有帮助：

-webkit-text-stroke-width: .5px;

---

是的，因为用户使用的操作系统决定了他们认为可读的字体……我以前遇到过这个问题。我不得不改变WindowsV6及以上版本的字体重量。。。我使用的谷歌字体变得太薄了…可能是重复的，因为用户使用的操作系统决定了他们认为可读的字体…我以前遇到过这个问题。我不得不改变WindowsV6及以上版本的字体重量。。。我使用的谷歌字体变得太薄了……这可能是web开发的方式——艰难的方式；）谢谢，我会读那篇文章，但是如果第一种字体不存在，字体堆栈不就使用第二种最好的字体吗？在本例中，新闻周期字体存在，但看起来很糟糕。这是正确的。但是，一个好的字体堆栈将落在一种字体上，这种字体的尺寸接近你的尺寸（如x-height），在这个平台上看起来清晰易读，而不是comic sans，这通常是一个额外的好处。根据我的经验，很多谷歌网页字体对正文不是很好。。。通常它们太薄或渲染有问题！在标题中使用自定义字体，而在正文中使用系统字体是正常的吗？大多数系统字体都很好，非常枯燥，因此总是有一些努力来推动自定义字体和突出显示（图像中的标题）。然后再看看SO的字体堆栈——第一种字体，Arial。我想说的是，系统字体在正文中非常常见，尤其是在大型网站上。这就是web开发的方式——艰难的方式；）谢谢，我会读那篇文章，但是如果第一种字体不存在，字体堆栈不就使用第二种最好的字体吗？在本例中，新闻周期字体存在，但看起来很糟糕。这是正确的。但是，一个好的字体堆栈将落在一种字体上，这种字体的尺寸接近你的尺寸（如x-height），在这个平台上看起来清晰易读，而不是comic sans，这通常是一个额外的好处。根据我的经验，很多谷歌网页字体对正文不是很好。。。通常它们太薄或渲染有问题！在标题中使用自定义字体，而在正文中使用系统字体是正常的吗？大多数系统字体都很好，非常枯燥，因此总是有一些努力来推动自定义字体和突出显示（图像中的标题）。然后再看看SO的字体堆栈——第一种字体，Arial。我想说的是，系统字体在正文中非常常见，尤其是在大型网站上。