Bootstrap 字形图标显示为空方块

Posted 2023-03-06

【中文标题】Bootstrap 字形图标显示为空方块

【英文标题】：Bootstrap glyphicons showing up as empty squares

【发布时间】：2017-01-04 13:02:08

【问题描述】：

如果我问的问题以前已经回答过，我深表歉意——但我是编码新手，我认为我需要一个“像我五岁一样解释”的版本。

我已经安装了 Bootstrap，并且正在尝试将 GLYPHICONS 放入我的按钮中。

但是当我尝试在按钮中放置一个字形图标时......它看起来就像一个空方块。

例如，这是我的一段代码：

点击此处转到 Google 和 http://google.com", class: "btn btn-danger btn-lg active glyphicon glyphicon-star" %>

该按钮完全按照我想要的方式显示...除了“搜索”一词旁边没有星号，我只看到一个空框。

知道为什么会发生这种情况/我该如何解决？

我的 GitHub 链接： https://github.com/JoshWeisman/pinteresting

提前感谢您的帮助！

【问题讨论】：

使用引导 cdn..我猜你没有正确放置 glyp icnos...尝试添加 cdn 并让我知道它是否有效

嘿@Navnit - 感谢您的回复。你能帮我分解一下吗？如何“添加 CDN”？ （再次，编码新手，我还是个白痴）

使用 CDN 这个：maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

【参考方案1】：

如果您使用的是 Chrome，请检查开发人员工具控制台（在页面上按 F12）。大多数情况下，它说它无法找到字体文件，并且您修改 CSS 文件直到找到它们。查找它搜索字体文件的 URL（但给出未找到错误），然后在 CSS 文件中修复它们。

【讨论】：

这肯定是评论——不是答案

其实是一个答案，因为它解决了问题。