为什么我的glyphicon铅笔胖

时间:2015-12-18 05:21:06

标签: css ruby-on-rails twitter-bootstrap glyphicons

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

os.posix_fadvise

Fat glyphicon

我不知道为什么我会得到一个胖的glyphicon-pencil而不是正确的,如Bootstrap Components网站所示。 Desired Glyphicon

var data = {
  "train": {
    "name": "BHOPAL  EXPRESS",
    "days": [{
      "day-code": "SUN",
      "runs": "Y"
    }, {
      "day-code": "MON",
      "runs": "Y"
    }, {
      "day-code": "TUE",
      "runs": "Y"
    }, {
      "day-code": "WED",
      "runs": "Y"
    }, {
      "day-code": "THU",
      "runs": "Y"
    }, {
      "day-code": "FRI",
      "runs": "Y"
    }, {
      "day-code": "SAT",
      "runs": "Y"
    }],
    "number": "12155"
  },
  "response_code": 200
};

$(document).ready(function(){
  $("#name").text(data.train.name);  
  $.each(data.train.days,function(i,item){
    var tr="<tr>";
    tr+='<td>'+item["day-code"]+'</td>';
    tr+='<td>'+item["runs"]+'</td>';
    tr+='</tr>'
    $("#formatedview").append(tr);
  });
});

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

我正在使用roboto进行字体

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<h3 id="name"></h3>
<table>
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody id="formatedview"></tbody>
</table>

带有信封glyphicon的另一个样本

http://getbootstrap.com/components/#glyphicons-how-to-use

fat envelope

没有roboto字体,它看起来像这样(仍然与所需的非常不同) correct envelope

1 个答案:

答案 0 :(得分: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>