html - 使用 bootstrap 3 的字体在 Google Chrome 和 Firefox 中不起作用

Question

我在使用 bootstrap3 文件夹时遇到自定义字体问题，我在根级别的字体文件夹中添加了新字体。但字体不适用于 Firefox 和 chrome 浏览器。

我已经阅读了与字形相关的主题并且我不愿意在任何浏览器中更改文件。

没有 Bootstrap ，所有字体都可以在普通 html 页面中访问。

任何建议

问候和感谢。

Answer 1

那是因为 Bootstrap 导入了它自己的字体系列来使用。有几种方法可以解决这个问题:

正确的方法:从 Bootstrap LESS 文件编译你自己的 CSS，并选择你自己的字体样式。您可以通过更改 LESS 变量文件并编译它来做到这一点，或者在 http://getbootstrap.com/customize/ 上通过更改字体系列。请务必正确导入字体。

简单的方法:请务必在导入 Bootstrap CSS 后导入并使用您的字体样式 CSS。