最新的字体平滑技术的窗口Chrome和SEO
Latest Font-Smooth technology for Window Chrome and SEO
我已经开始在webkit浏览器中使用下面的平滑字体方法。当我说webkit浏览器时,我指的是Windows上的Chrome,而不是safari,因为safari可以使字体足够平滑。如果可能的话,我想让它也适用于Opera,因为Opera刚刚成为webkit浏览器。总之,我有三个问题:
-
如何仅在windows上检测Chrome浏览器?我只需要将底部样式应用到Windows Chrome.
-
我只使用svg字体的标题。搜索引擎(主要是谷歌)可以找到svg文本吗?对SEO有好处吗?我问这个问题的原因之一是,当我使用Ctrl+F或鼠标选择游戏页面时,它们的字体并没有突出显示。只是在Chrome中很奇怪。www.comc.com/Challenges/Default.aspx(必须注册)
-
这个"break hint"到底是什么意思?这是使用底部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
最好的浏览器检测方法是
/Chrome/.test(navigator.userAgent) && /win32/.test(navigator.platform)
SVG字体和SEO当您导入SVG字体时,它只是一个字体。这和其他@font-face
规则一样。它不会影响SEO,因为纯文本仍然可以被爬虫机器人读取。
字体提示是一种技术,它使用算法来猜测字形的正常形状应该如何调整,以最适合显示的光栅(例如像素网格)。你可以在维基百科上了解更多。
我假设短语"break hint";是在警告你SVG字体不支持这个
你为什么要这样做?
坦率地说,Windows上的Google Chrome字体渲染很糟糕。每个Chrome用户,通过使用Chrome,已经注册了。
同时,我相信Chrome将在某个阶段,修复他们的字体渲染。当这种情况发生时,这段代码比冗余更糟糕:您将通过强制使用SVG字体而不是woff来降低Chrome的性能。
标题>- Chrome WebKitGetUserMedia
- JQueryhide()不适用于Mozzilla,但适用于Chrome
- 在chrome.tabs.onCreated之后加载HTML页面
- chrome扩展中的navigator.geolocation.getCurrentPosition
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- document.open/document.write没有正确地清除chrome中的文档——这是chrome的错误吗
- chrome扩展更改主机/域警告
- Chrome开发工具(如何知道我在调用哪个javascript对象)
- 如何在chrome扩展中重定向到html页面
- Chrome扩展没有't在重新加载之前考虑期权价值
- Google/html5语音识别JavaScript SDK Chrome网络工具包SpeechRecognition
- 激活chrome上的chrome.notifications对象
- 如何通过自己获得Chrome扩展的用户反馈/错误报告
- JS可以在Chrome中工作,但不能在Firefox中工作
- Chrome加载旧版本的Javascript文件
- 试图阻止Chrome通过扩展关闭
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 是什么让一个“;Uncaught RangeError:超过了最大调用堆栈大小“;错误(Chrome,在其他浏览器中显示
- 最新的字体平滑技术的窗口Chrome和SEO