无Google字体的引导CSS 2（引导样例）

我正在开发一个网页，我使用Bootswatch进行样式设计。有时我不得不离线工作，在本地主持。不幸的是，Bootswatch无法脱机使用，因为它使用了一个版本的Bootstrap css，在开始时有一个额外的字体：

@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");

这意味着每次构建都会失败，我无法部署。我看到了这个问题： 但它没有一个令人满意的答案。他们建议只删除那一行，但我在部署时仍然需要它，而且由于版本更新，在下一次更新时它将很快被覆盖。我正在寻找一种解决方案，它可以：

• 脱机时忽略导入
• 在脱机时覆盖导入（例如手动导入字体，然后将导入更改为本地字体），我非常喜欢这个版本

---

作为最终解决方案，我不想在每次npm/bower更新后更改代码

最新的引导样例版本（>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";

---

为了离线提供所需的字体，我使用生成fonts.yeti.offline.scss文件并下载所需的字体文件。要在联机和脱机模式之间切换，您可以切换代码中的前两行。

您能详细说明一下吗？当包含指定脱机字体位置的css文件时，如何使联机导入被忽略？引导样例sass文件包含默认值！路径的指令。只有在未设置的情况下才会设置。通过将其设置为空字符串，下面的@import规则不会执行任何操作。请参阅这里的代码，以便基本上“重新编译”boost库，对吗？是的，您的模板需要重新编译。