1

我有一位网页设计师制作的 css，该 css 文件包含以下类：

    .icon-phone-alt:before {
        content: "\e064";
    }

在我的视图页面中，我有类似的内容： 

<span class="icon-phone-alt"></span>&#160;Tel.: (+40 21) XXXXXXXX<br />

问题是，而不是这样的：
在此处输入图像描述

我明白了：
在此处输入图像描述

不得不提一下，我的浏览器配置为utf8，原来的html页面在同一个浏览器下都能正确显示。我认为这与字符编码有关，但我不知道如何处理这种情况。

4

2 回答 2

1

您必须为图标跨度使用特殊字体，将图标显示为字符。例如：

<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">
<span class="icon-phone"></span>&#160;Tel.: (+40 21) XXXXXXXX<br />
于 2013-09-18T07:02:45.627 回答
1

也许您没有包含您的 Glyphicons/特殊字体。

您应该首先包括它们。试着看看这个实现：

https://github.com/mdo/bsu/blob/master/step-4/bootstrap-less/glyphicons.less

于 2013-09-18T07:04:34.830 回答