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


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

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

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

 gem 'twitter-bootstrap-rails'


我在ruby on rails项目上使用的引导程序版本是

我正在使用Roboto的字体

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


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

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

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

没有roboto字体,它看起来像这样(仍然与所需字体有很大不同)
css - 为什么我的glyphicon铅笔很胖-LMLPHP

最佳答案

我遇到了同样的问题,我尝试用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>

关于css - 为什么我的glyphicon铅笔很胖,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34348993/

10-09 15:20