为什么我的 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'

是我在 rails 项目 ruby 上使用的 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>

为什么我的 glyphicon 铅笔很胖

Why is my glyphicon pencil fat

css

ruby-on-rails

twitter-bootstrap

glyphicons