我使用webpack作为构建工具，我的UI使用Bootstraps免费Glyphicons。我目前正在使用url-loader捆绑我的字体（glyphicons），捆绑woff，woff2，eot，ttf和svg。但这是正确的做法吗？
我的理解是，如果你在CSS中指定woff，woff2，eot，ttf和svg字体，浏览器将决定哪一个最适合，并下载 - 而不是下载其余的。但是通过webpack捆绑字体肯定意味着每个浏览器（以及设备，平台）都能获得各种字体。
我应该捆绑我的字体，还是有更好的方法来使我仍然可以使用webpack，但是浏览器下载并只使用适合它的字体？
答案 0 :(得分：1)
你应该只使用文件加载器而不是url-loader。浏览器将不得不做一个额外的请求，但这通常不是一个大问题。
还要考虑仅使用woff2和woff（按此顺序）。 Woff最有可能是supported in all browsers you need，woff2只是一个很好的奖励。 eot，ttf和svg不再有用了。
如果你真的想内联字体，只需要内联woff。它并没有比woff2大得多，如上所述，几乎无处不在。但请记住，每次CSS更改都会导致再次下载字体，而使用文件加载器时，URL不会更改，这意味着它只是从浏览器缓存中提供给返回的访问者。