Question

我正在使用Google字体中的“Ubuntu Condensed”字体开发一个网站。有时，当我浏览子页面时，我的导航菜单会将其样式更改为不同的字体或不同的样式。有时我网站上的其他文字会更改其字体或特殊字符（波兰语）会以不同的字体呈现。

我意识到Chrome出了问题，因为每当我启动元素检查器并禁用/启用CSS规则时，一切都会恢复正常。 Chrome似乎太迟了加载CSS。

我尝试了针对Chrome错误的字体修复，但它根本不起作用。什么都没有帮助。 Firefox虽然可以正常显示所有内容。

Answer 1

那里有两个问题：

1）它似乎与本地字体Google Webfont conflict with local font发生冲突，因此导入 Ubuntu的第一步压缩，如本地字体：

@font-face {
          font-family: 'UbuntuC';
          font-style: normal;
          font-weight: 700;
          src: @import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);
        }

2）我已经尝试过没有css链接并且可以正常工作，但 html5blank css文件会更改正文字体属性，你必须改变这些规则或添加重要的：

@font-face {
          font-family: 'UbuntuC';
          font-style: normal;
          font-weight: 700;
          src: @import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);
        }

        body {
            font-family: 'UbuntuC', sans-serif !important;
        }

在Chrome，OS X中测试

Answer 2

问题可能是因为不包括字体的扩展拉丁子集，从而导致某些字符的奇怪渲染，我建议添加子集以获得更好的兼容性。

将此添加到标题中，并确保它位于任何CSS文件之前：

<link href='https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

CSS规则

font-family: 'Ubuntu Condensed', sans-serif;

我个人会使用Google CDN，而不是下载字体并在本地加载，有关详细信息，请参阅：webfonts vs. local fonts

Answer 3

从样式表中删除它：

text-rendering: optimizeLegibility;

这是Chrome中的一个错误，我在过去几个月才注意到它。

Answer 4

将此代码复制并粘贴到HTML标题中，当您可以访问互联网时，将自动加载

private void button2_Click(object sender, EventArgs e)
{
      HtmlDocument doc = webBrowser1.Document;
            HtmlElement HTMLControl2 = doc.GetElementById("searchInput");

            if (HTMLControl2 != null)
            {
                // HTMLControl2.Style = "display: none";
                HTMLControl2.InnerText = textBox1.Text;

                HTMLControl2.Focus();

                SendKeys.SendWait("{ENTER}");
                textBox1.Focus();

            }

}

Google字体无法在Chrome中正确加载

4 个答案: