Materialize CSS / Rails：Roboto字体未加载，并非所有CSS都被应用答案

【问题标题】：Materialize CSS / Rails: Roboto font not loading, not all CSS being appliedMaterialize CSS / Rails：Roboto字体未加载，并非所有CSS都被应用
【发布时间】：2017-03-24 21:13:46
【问题描述】：

使用 Ruby on Rails 和 Materialize CSS，Roboto 字体不会呈现。

另外，按钮文本的样式不正确，所以它不是粗体，如果我点击一个按钮，它是灰色的。

我的布局：

application.html.erb

<!DOCTYPE html>
<html>
<head>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <title><%= yield(:title) %></title>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
</head>
<body>

<%= yield %>

</body>
</html>

我无法弄清楚这一点。谁能帮帮我？

我尝试过的事情：

使用materialize-sass gem
手动加载字体
在我的电脑上安装字体

【问题讨论】：

你在哪里设置字体？您需要创建一个字体，然后将其包含在 css 选择器中。
@siegy Materialize 自动设置字体...
@siegy 也应该让按钮文本变白，但显然没有发生
你打开你的inspector了吗？有什么错误吗？
@siegy 我打开了inspector，好像没有

标签： html css ruby-on-rails fonts materialize

【解决方案1】：

解决方案

scaffolds.css.scss 中预定义了一些 CSS 规则，将字体设置为 Verdana。删除它们解决了问题。

【讨论】：