Twitter Bootstrap 3 图标显示为正方形

34

字体文件放置正确,HTML代码使用utf-8字符集。

这就是代码:

<!DOCTYPE html>
<html>
<head>
    <meta chaset="utf-8">
    <title>Teste icone</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
</head>
<body>

    <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-star"></span> Star
    </button>

</body>
</html>

这就是文件结构:

-css
   *bootstrap.min.css
-fonts
    *all font files here
*index.html

奇怪的是,当我查看调试时,所有字体文件都正确加载了。


你能提供一个fiddle吗? - RienNeVaPlu͢s
你使用的是哪个浏览器? - Daniel A. White
请在不同的浏览器中检查,字体文件是否正确加载,同时确保 MIME 类型设置正确。 - Siddharth Pandey
2
Chrome显示一个正方形,而FF显示一个奇怪的代码。 - Daniel Faria
我接手了某人的代码库,对我来说问题在于他们使用<i class="glyphicon glyphicon-star"></i>而不是使用span。 - Braden Brown
12个回答

0

我的字体文件夹放错了位置,需要往上一级目录移动。


-3

我有这个问题,经过很多搜索:

  1. glyph-icons只有在使用CDN时才是免费的。
  2. 你可以使用免费的Awesome icons代替glyph-icons。 更多信息请参见http://fontawesome.io/3.2.1/get-started/

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接