Javascript 用于Windows Chrome和SEO的最新字体平滑技术

我已经开始在webkit浏览器中使用下面的平滑字体方法。嗯，当我说webkit浏览器时，我指的是Windows上的Chrome，而不是safari，因为safari使字体足够平滑。如果可能的话，我想让它也适用于Opera，因为Opera刚刚成为基于webkit的浏览器。 无论如何，我有三个问题：

如何仅在windows上检测Chrome浏览器？我只需要将底部样式应用于Windows Chrome

我只对标题使用svg字体。搜索引擎可以用谷歌搜索svg文本吗？这对搜索引擎优化有好处吗？我问这个问题的原因之一是，当我使用Ctrl+F或鼠标选择游戏页面时，页面上的字体没有突出显示。它只是在铬上很奇怪。www.comc.com/Challenges/Default.aspx您必须注册

这个中断暗示的确切含义是什么？这是使用底部css的原始注释。注意，这将打破暗示！在其他操作系统中，字体将不会像可能的那样锐利

var winxp=navigator.userAgent.indexOf'Windows NT 5.1'

winvs = navigator.userAgent.indexOf('Windows NT 6.0'),

win7 = navigator.userAgent.indexOf('Windows NT 6.1'),

win8 = navigator.userAgent.indexOf('Windows NT 6.2');


if ($(winxp > 0) || $(winvs > 0) || $(win7 > 0) || $(win8 > 0)) {
    $('<link rel="stylesheet" type="text/css" href="/css/fontello-windows.css?25"/>').appendTo('head');
};



@font-face { 
   font-family: 'CardoRegular';
    src: url('../fonts/Cardo104s-webfont.eot');
    src: url('../fonts/Cardo104s-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cardo104s-webfont.woff') format('woff'),
         url('../fonts/Cardo104s-webfont.ttf') format('truetype'),
         url('../fonts/Cardo104s-webfont.svg#CardoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'CardoRegular';
        src: url('../fonts/Cardo104s-webfont.svg#CardoRegular') format('svg');

    }
}

检测Windows上的Chrome 对于Windows上的chrome，最好的浏览器检测可能是

/Chrome/.test(navigator.userAgent) && /win32/.test(navigator.platform)

SVG字体与搜索引擎优化 导入SVG字体时，它只是一种字体。这与任何其他@font-face规则相同。它不会影响SEO，因为爬行机器人仍然可以读取纯文本

暗示 字体暗示是一种技术，它使用算法猜测应如何调整字形的正常形状，以使其最适合光栅，例如显示器的像素网格。你可以阅读更多关于

我假设短语break hinting警告您SVG字体不支持这一点

你为什么要这么做？ 坦率地说，Windows上的Google Chrome具有糟糕的字体渲染。通过使用Chrome，每个Chrome用户都已经注册了

---

另外，我相信Chrome会在某个阶段修复他们的字体渲染。当这种情况发生时，此代码比冗余代码更糟糕：强制使用SVG字体而不是WOFF将降低Chrome的性能。

如果人们像我一样使用win64会怎么样？我已经在使用媒体屏幕的方法了，效果很好。铬合金字体看起来非常平滑和锐利。如果chrome修复了他们呈现字体的方式，我会在那个时候改变。没什么大不了的。即使是64位windows也报告自己是win32。正如最初的评论所说，@media方法通过提供低劣的暗示伤害了其他操作系统。当然，假设你的字体确实有暗示。@media也是一种黑客行为，从代码可读性的角度来看，这是不可取的。