最新的Window和SEO字体平滑技术

Question

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

1. 如何在windows上检测Chrome浏览器？我只需要将底部样式应用于Windows。
2. 我只对标题使用svg字体。搜索引擎(主要是谷歌)能找到svg文本吗？这对SEO有好处吗？我问这个问题的原因之一是，当我使用Ctrl+F或鼠标选择游戏页面时，没有突出显示游戏页面上的字体。在Chrome里很奇怪。Www.comc.com/挑战性/Default.aspx(你必须注册)
3. 这“突破暗示”到底是什么意思？这是在底部使用css的原始注释。请注意，这将打破暗示！在其他操作系统-es字体将没有它可能是尖锐的 var winxp =navigator.userAgent.indexOf(‘WindowsNT5.1’)， winvs =navigator.userAgent.indexOf(‘WindowsNT6.0’)，win7 =navigator.userAgent.indexOf(‘WindowsNT6.1’)，win8 =navigator.userAgent.indexOf(‘WindowsNT6.2’)；if ($(winxp >0xp>0xp> 0) x(winvs> 0)区$(win7 > 0) \(win8>0)\{ $('').appendTo('head')；}；}；@字体-face{字体-家族：'CardoRegular'；src: url(‘./fonts/Cardo104 s-webfont.eot’)；src: url(‘./fonts/cardo104 s-webfont.eot？#iefix’)格式(‘embedded-opentype’)，url(‘./fonts/cardo104 s-webfont.woff’)格式(‘woff’)，url(‘./fonts/Cardo104 s-webfont.ttf’)格式(‘truetype’)，url('../fonts/Cardo104s-webfont.svg#CardoRegular')格式(‘svg’)；字体-权重:普通；字体-样式:正常；}@媒体屏幕和(-webkit-min-设备-像素比:0){@字体-面{字体-家族：'CardoRegular'；src: url('../fonts/Cardo104s-webfont.svg#CardoRegular')格式(‘svg’)；}}

Answer 1

Windows环境下铬的检测

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

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

SVG字体和SEO

当您导入SVG字体时，它只是一个字体。这与任何其他@font-face规则都是一样的。它不影响搜索引擎优化，因为纯文本仍然可以通过爬虫可读性。

暗示

字体暗示是一种技术，它使用算法来猜测如何调整象形文字的正常形状，以最适合显示的栅格(例如像素网格)。您可以在维基百科上阅读更多内容。

我想，短语“中断提示”是在警告您，SVG字体不支持这一点。

你为什么要这么做？

坦率地说，Windows上的谷歌Chrome字体渲染非常糟糕。通过使用Chrome，每个Chrome用户都签署了这一协议。

此外，我相信Chrome会在某个阶段修复它们的字体渲染。当出现这种情况时，这段代码比冗余代码更糟糕:通过强制SVG字体而不是WOFFs，您将降低Chrome的性能。