2

我在我的一个 Django 项目中使用纯 css 和引导程序，当我在本地机器上运行时一切都很好。但是在我部署之后，它看起来不一样了。我本地机器上的字体快照是

在此处输入图像描述

但是在我将它部署到数字海洋后，字体宽度增加了。部署后现在的外观快照是

在此处输入图像描述

它在http://getfbstuff.com上直播。我正在发布 head 的 html 代码

{% load staticfiles %}
<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <title>Get Facebook Stuff</title>

      <link rel="stylesheet" href="{% static 'downloader/pure-market.css' %}">
      <link rel="stylesheet" href="{% static 'downloader/baby-blue.css' %}">
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.css' %}"/>
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap.min.css' %}"/>
      <link rel="stylesheet" type="text/css" href="{% static 'downloader/bootstrap/css/bootstrap-responsive.css' %}"/>
      <link rel="stylesheet" href="{% static 'downloader/style.css' %}">

      <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">
      <script src="http://use.typekit.net/ajf8ggy.js"></script>
      <script>
          try { Typekit.load(); } catch (e) {}
      </script>

</head>

我认为这个javascript有问题

 <script src="http://use.typekit.net/ajf8ggy.js"></script>
 <script>
     try { Typekit.load(); } catch (e) {}
 </script>

不知道该怎么做。任何帮助将不胜感激。提前致谢

4

2 回答 2

0

如果您安装了 Chrome、Firefox 或 IE（带有 Web 开发人员工具），请查看控制台调试器，有一些依赖项未在其预期路径加载。

您是否设置了生产服务器来提供静态内容？您似乎也有跨域问题。

于 2013-09-02T07:24:47.407 回答
0

对于仍然遇到此类问题的任何人，我在意识到文件在生产环境中的服务方式不同后修复了我的问题。我突然意识到再次尝试运行“python manage.py collectstatic”，这为我解决了问题。

显然我的 CSS 文件中的更改没有生效，因为更改的文件位于静态文件夹中，并且没有直接交付。

于 2020-02-12T22:01:40.650 回答