Question

使用Ruby on Rails和Materialise 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
手动加载字体
在我的计算机上安装字体

Answer 1

解决方案

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

实现CSS / Rails：Roboto字体不加载，而不是所有应用的CSS

1 个答案:

解决方案