twitter-bootstrap - 在 Bootstrap 3 中用 Glyphicons PRO 替换标准的 Glyphicons Halflings？

Question

我已经购买了完整的 Glyphicons PRO 包，并希望将它与 Bootstrap 3 一起使用。

但是，我似乎无法找到有关如何执行此操作的全面文档。 Glyphicons 网站缺少“如何使用部分”，随附的 PDF 也没有太大帮助 - 它提到了一个不属于下载包的 glyphicons.css 文件......

非常感谢有关如何进行此替换的任何帮助。

Answer 1

在您的 Bootstrap 文件夹中有一个包含 Glyphicons 字体的字体文件夹(主要在 CSS 文件夹中)。

这些需要替换为您拥有的专业版。

接下来，您需要在 Bootstrap CSS 中指向(如果字体不具有相同名称)您的新字体。这取决于您使用的是什么技术。

但是你必须搜索:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/bootstrap/glyphicons-halflings-regular.eot');
  src: url('fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format("embedded-opentype"), url('fonts/bootstrap/glyphicons-halflings-regular.woff') format("woff"), url('fonts/bootstrap/glyphicons-halflings-regular.ttf') format("truetype"), url('fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format("svg");
}

并替换字体文件名(或者如果您将它们放在另一个地方，则可能是位置)