Bootstrap字体文件夹

Question

我正在写一篇关于Twitter Bootstrap的研讨论文。我应该实现对bootstrap文件夹中所有文件的描述，但我不知道fonts文件夹中的单个文件确切作用是什么。

├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

有人能描述一下这五个文件的用法吗？

- Tomáš Nosek

Answer 1

它们只是Glyphicons字体的不同格式，用于适应不同的浏览器。请参阅此页面，获取方便易懂的解释：

这是目前拥有最深层次支持的方法：

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

请查看Bootstrap LESS源代码中的相应行：https://github.com/twbs/bootstrap/blob/master/less/glyphicons.less#L11。

- GregL

---

OP要求使用这些文件，我也有同样的问题。上述文件包含在与基本bootstrap下载一起下载的zip文件中。很清楚该如何处理css和js文件，但是这些字体文件需要包含在网站中吗？如果需要，应该放在哪里？如果css存储在public_html/css/bootstrap.css下，js存储在public_html/js/bootstrap.min.js下 - 那么这些字体文件应该放在哪里？ - cssyphus

Bootstrap默认查找那些字体文件的位置是在相对于CSS文件URL的../fonts。在你的情况下，这意味着将它们放置在public_html/fonts/目录中。那有帮助吗？ - GregL

非常感谢，Greg；这正是我想知道的。非常感谢您的回复。+1 - cssyphus