【问题标题】:Font-face is not working in Google Chrome & Firefox using bootstrap 3使用 bootstrap 3 的字体在 Google Chrome 和 Firefox 中不起作用
【发布时间】:2014-02-11 02:50:42
【问题描述】:

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

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

没有引导程序,所有字体都可以在普通的 html 页面中访问。

任何建议

问候和感谢。

【问题讨论】:

    标签: html css fonts less twitter-bootstrap-3


    【解决方案1】:

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

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

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

    【讨论】:

      猜你喜欢
      • 2013-11-07
      • 2018-03-21
      • 2014-04-03
      • 2017-11-08
      • 2017-08-10
      • 1970-01-01
      • 2013-12-30
      • 1970-01-01
      • 2021-10-16
      相关资源
      最近更新 更多