文章/答案/技术大牛

发布

社区首页 >问答首页 >没有Google字体2的CSS引导(Bootswatch)

问没有Google字体2的CSS引导(Bootswatch)
EN

Stack Overflow用户

提问于 2016-01-13 16:47:33

回答 2查看 1.5K关注 0票数 4

我正在开发一个网页，我使用Bootswatch进行造型设计。有时我不得不离线工作，并在本地托管。不幸的是，Bootswatch不能脱机使用，因为它使用了一个带有额外字体的引导css版本：

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

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

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

所有这些作为最后的解决方案，我不想在每个npm/bower更新之后更改代码.

css

twitter-bootstrap

fonts

bootswatch

回答 2

Stack Overflow用户

发布于 2016-05-28 21:22:19

最新的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文件并下载所需的字体文件。要在联机模式和脱机模式之间切换，可以切换代码中的前两行。

票数 4

Stack Overflow用户

发布于 2021-08-28 17:59:37

根据这和这的讨论，我发现了在Bootswatch中禁用fount加载的好方法和简单方法：

$web-font-path: false;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34772357

复制

相似问题

问没有Google字体2的CSS引导(Bootswatch)
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问没有Google字体2的CSS引导(Bootswatch)EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问没有Google字体2的CSS引导(Bootswatch)
EN