css - 为什么我的 glyphicon 铅笔很胖

Question

<h1 class="h1name" style="" ><bold><%= @user %></bold><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></h1>

我不知道为什么我得到的是粗的 glyphicon-pencil，而不是 Bootstrap Components 网站上看到的正确铅笔。 http://getbootstrap.com/components/#glyphicons-how-to-use

 gem 'twitter-bootstrap-rails'

是我在 ruby​​ on rails 元素上使用的 Bootstrap 版本吗

我正在使用 roboto 字体

<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>

另一个带有信封字形的示例

没有 roboto 字体它看起来像这样(仍然与所需的有很大不同)

Answer 1

我遇到了同样的问题，我尝试用cdn路径替换本地文件。并且有效。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional: Include the jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Optional: Incorporate the Bootstrap JavaScript plugins -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>