Css 为什么我的铅笔很胖

是我在ruby on rails项目中使用的引导版本

我用roboto做字体

 gem 'twitter-bootstrap-rails'

另一个带有信封图示符图标的示例

如果没有roboto字体，它看起来是这样的（与所需的字体仍有很大不同）

---

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

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

尝试使用另一个图标而不是铅笔，看看是否面临相同的问题？检查图标字体是否正确引用？尝试为字体图标明确指定字体大小。例如，.glyphicon pencil{font size:10px；}只是一个建议。添加字体大小不起作用：（如果您检查具有类“glyphicon glyphicon pencil”的跨度），开发人员工具是否显示其具有字体系列“Glyphicons半身人”？字体加载是否正确？在打开开发人员工具重新加载页面后，在开发人员工具网络面板中检查404错误。

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

<!-- 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>