如何在Bootstrap 3中显示Unicode字符？

Question

4

我有这段代码。

.progress-button .content::before {
    content: "\e601";
}

.progress-button .content::after {
   content: "\e601";
}

基本上，它将"\e601"的值返回为勾号，将"\e600"的值返回为X符号。该代码在普通HTML/CSS中运作良好，但当我将其应用于Bootstrap 3时，它显示为方框符号。请问有人能帮我解决问题吗？先谢谢了！ :)

- Christopher Bobby

1

你必须包含与font-awesome相关的字体文件。 - San

我尝试将glyphicon放在内容后面，但它仍然无法工作。 - Christopher Bobby

我已经在头部将其链接到font-awesome，并且也设置了相应的字体族，但是仍然没有结果，朋友们 :( - Christopher Bobby

请问您能分享一下代码吗？ - L J

寻求代码帮助的问题必须在问题本身中包含最短的代码，最好在Stack Snippet中重现。请参阅如何创建一个最小、完整和可验证的示例。 - Paulie_D

显示剩余2条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Safal Pillai · Accepted Answer

您需要在头标签中添加以下行，并在自定义CSS文件中使用这些Unicode字符的任何位置定义字体系列。只有这样，您才能看到所需的图标。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

请参考 this 获取更多详细信息。