我正在开发一个网页，并使用Bootswatch进行样式设计。有时我必须离线工作，并在本地托管。不幸的是，Bootswatch无法脱机使用，因为它在开始时使用了带有额外字体的Bootstrap css版本：
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
这意味着每次构建都会失败，而我无法部署。我已经看到了一个问题：
Bootstrap CSS without Google Fonts
但这没有令人满意的答案。他们建议只删除该行，但是部署时我仍然需要它，而且由于版本更新，无论如何在下一次更新时它将很快被覆盖。我正在寻找以下一种解决方案：
脱机时忽略导入
离线时会覆盖导入（例如手动导入字体，然后将导入更改为本地字体），我非常喜欢此版本
而所有这些作为最终解决方案，我不想在每次npm / bower更新后更改代码...
最佳答案
最新的Bootswatch版本（> 3.3.6.1）引入了SASS变量$web-font-path，您可以覆盖它并将其设置为空值：
// use google fonts api offline
$web-font-path: '';
@import "fonts.yeti.offline";
@import "yeti/variables";
@import "yeti/bootswatch";
为了离线提供所需的字体，我使用https://google-webfonts-helper.herokuapp.com生成fonts.yeti.offline.scss文件并下载所需的字体文件。要在联机和脱机模式之间切换，可以在代码中切换前两行。
关于css - 没有Google Fonts 2的Bootstrap CSS(Bootswatch)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34772357/