Bootstrap 主题在 Meteor 中存在 Glyphicons 问题

Question

首先，我以推荐的方式使用了 bootswatch:readable 主题 - 在 <head> 中链接到它。但是 Bootstrap 在我合并自定义样式表后加载并覆盖了应该覆盖的内容 Bootstrap.

然后我尝试使用 meteor add bootswatch:readable 简单地安装它，它会工作，我的覆盖也会工作，但问题是 Glyphicons - 我会得到

Failed to decode downloaded font:
http://localhost:3000/packages/bootswatch_readable/bootswatch/fonts/glyphicons-halflings-regular.woff2
OTS parsing error: invalid version tag
http://localhost:3000/packages/bootswatch_readable/bootswatch/fonts/glyphicons-halflings-regular.woff
OTS parsing error: invalid version tag
http://localhost:3000/packages/bootswatch_readable/bootswatch/fonts/glyphicons-halflings-regular.ttf
OTS parsing error: invalid version tag

我看到图标路径可能有误，但不确定在哪里或如何修复它。

Answer 1

找到 this issue on GitHub 指出了一个临时解决方案。

我使用 meteor add bootswatch:readable 安装了主题并将其添加到我自己的样式表中：

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

瞧，图标有用！

Bootstrap 主题在 Meteor 中存在 Glyphicons 问题

Bootstrap theme having a Glyphicons issue in Meteor

css

twitter-bootstrap

meteor

glyphicons

bootswatch