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

Question

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

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

我尝试了针对 Chrome 错误的字体修复，但它根本不起作用。没有任何帮助。不过，Firefox 会正确显示所有内容。

Answer 1

有两个问题:

1) 似乎与本地字体有冲突:Google Webfont conflict with local font ，所以第一步是像本地字体一样导入 Ubuntu Condensed:

@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 文件改变了 body font 属性，你有更改这些规则或添加重要内容:

@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 中测试