Question

所以我跟随a tutorial关于RoR（-v 4.2.5），并且在1小时左右，他开始添加样式。当我试图重现它时，它不会渲染。

当我检查一个元素时，例如（intro），它会向我显示application.scss中的这些行:(但它不会渲染它）

body {
    font-family: "Proxima Nova";
    font-weight: 100;
}

此外，还有更多属性作为@import添加到应该继承的application.css.scss中的此元素，并且它也不会呈现它们。但是，浏览器实际上成功地读取并编译了整个事物（application.scss和它所拥有的@import），但它也没有渲染任何内容。

我认为问题出在哪里： 我的application.html上有这两行吗？不知何故？但我不知道为什么或如何。我去了页面并复制了当前版本，（确切的链接与教程之一略有不同，但我也尝试了旧的，没有运气）

<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

我犯的是什么新手的错误？ Here's my repo

干杯，米格尔

Answer 1

我检查了演示所在的repo并在本地运行。不确定为什么演示文字Proxima Nova，normalize和font-awesome都不带{1}}类型。我在你的仓库中找不到你可能有这种字体的其他任何地方。

如果您从文件中删除font-family，则会看到字体默认为font-family的字体normalize。

就我在 application.html.erb 中注意到的某些内容而言，在第36行将sans-serif替换为</wrapper>，因为您最初设置了类{{} 1}}。同样如评论中所述，将您的CDN链接移到</div>上方，因为您自己的CSS文件中的任何匹配属性都将被覆盖。

如果您仍在使用wrapper字体，可以查看以下要点：https://gist.github.com/haggen/2624063

选择其中一个stylesheet_link_tag并将其粘贴到 application.css.scss 中的Proxima Nova媒体资源上方，您将有办法使用该字体。< / p>

浏览器读取CSS但不渲染它？

1 个答案: