Question

我刚刚创建了我网站的主页面，我刚刚意识到我从谷歌导入的字体无效。当我在本地查看网站时它可以工作并显示正常，但是一旦我将其上传到我的网络服务器它就不会显示。我不知道它是否重要，但我正在使用apache2运行Ubuntu 14.04。这是html导入：

  <link rel="stylesheet" href="css/master.css">
  <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">

这是我的css：

@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';

body
{
    background-color: #dfdfdf !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
}

它在本地工作正常，但是当我上传到网络服务器时它停止工作。

Answer 1

编辑*我尝试将所有文件放在我拥有的不同域上，并且它运行良好。我检查了cloudflare并比较了两个域名。他们都指向我的服务器盒，但有问题的人有一个额外的记录，*指向另一个IP。我删除它，它工作正常。我不知道那些额外的记录是什么，或者为什么它与我的东西发生冲突。

Answer 2

您确定问题不仅仅是缓存问题吗？事实上，当你检查资源时，你说你甚至没有在CSS文件中看到你的更新，这让我觉得它只是没有获得最新的版本

将来对外部样式表进行任何更改时，最好通过在引用URL的末尾附加一个数字来强制执行缓存刷新，如下所示：<link rel="stylesheet" href="css/master.css?1">，并逐个增加数字时间。

?1诱使浏览器相信它是一个新链接，因此它会重新获取样式表并获取最新版本。

HTML导入的字体在本地工作，而不是在Web服务器上工作

2 个答案: