最新的字体平滑技术的窗口Chrome和SEO

Latest Font-Smooth technology for Window Chrome and SEO

本文关键字:Chrome SEO 窗口 技术 字体 平滑 最新      更新时间:2023-09-26

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

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

  2. 我只使用svg字体的标题。搜索引擎(主要是谷歌)可以找到svg文本吗?对SEO有好处吗?我问这个问题的原因之一是,当我使用Ctrl+F或鼠标选择游戏页面时,它们的字体并没有突出显示。只是在Chrome中很奇怪。www.comc.com/Challenges/Default.aspx(必须注册)

  3. 这个"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的性能。