Question

我在Chrome版本“48.0.2564.82 m（64位）”上加载WebFont时出现问题。

问题是，当我加载页面或通过除使用刷新功能之外的任何方式导航到页面时，webfont未应用。

这是我的CSS文件中的代码段，我加载并设置字体：

@import url(//fonts.googleapis.com/css?family=Lato:400,300italic,700);

body, html {
    width: 100%;
    height: 100%;
    background-color: #444444;
    font-family: 'Lato', sans-serif, arial;
}

我在这里解决了这个问题： https://gfycat.com/UnfoldedAlarmingFoxhound

任何线索？

Answer 1

这是一个已知问题，他们修复了版本49.0.2623.13。尝试用金丝雀。

https://code.google.com/p/chromium/issues/detail?id=579912&q=font%20os%3DWindows&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

Answer 2

首先，您需要确保@import位于CSS文件的顶部，除此之外，您还要注释掉您的网址，而不是用引号括起来，并且在开头没有“http”。

应该是什么

@import url(http://fonts.googleapis.com/css?family=Lato:400,300italic,700);

试试这个 -

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

Web不会在Chrome上加载页面加载

2 个答案: