无谷歌字体的Bootstrap CSS

我在写一个简单的离线web应用程序来配置设备（类似于无线路由器设置页面）。无谷歌字体的Bootstrap CSS

连接到我的设备的计算机将没有互联网连接，它将从我的设备上运行的服务器加载页面。

我已经使用Bootstrap.css的Bootswatch重写构建了该页面，因为这是我熟悉的库。但是，由于浏览器尝试检索Google字体，但页面加载却挂起，但显然不能。

是否有Bootstrap.css版本不使用Google字体，或者有没有一种方法可以覆盖它们？

2015-11-27 James

你能刚进入Bootswatch源和注释掉谷歌字体参考？ –

灿你只是从你下载的自定义bootswatch主题中删除第一行（假设你下载了css文件，就像这个http://bootswatch.com/flatly/bootstrap.css一样）？

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

这应该使它回退到它可以使用的字体。

来源

2015-11-27 16:44:38

谢谢，那个窍门 – James

没问题。如果你真的关心主题字体，你可以做@blairmeister建议的。从谷歌或任何地方下载字体，并用他的答案替换CSS文件中的第一行字体。确保将字体名称保留为主题中找到的原始名称。 –

你为什么不只是下载您想使用即OpenSans，将其放置在一个名为“字体”或类似的东西，然后用这样的一个子文件夹中的字体......

@font-face { 
    font-family: "OpenSans"; 
    src: url("/fonts/Opensans.ttf"); 
}

来源

2015-11-27 16:41:24 blairmeister

如果你不想编辑引导程序的CSS出于任何原因（对我来说它是从jar文件注入wro4j），那么你可以在你自己的CSS中覆盖'font-family'与你想要的然后在您的Web应用程序中包含该优先级较高的css文件。 PA：如果您使用的是wro4j，那么您的新CSS必须高于引导webjar。这是一个示例wro.xml：

<group name="main"> 
    <css>/styles/my.css</css> 
    <css>classpath:META-INF/resources/webjars/bootswatch-spacelab/3.3.1+2/css/bootstrap.min.css</css> 
</group>

来源

2017-08-21 13:46:24

无谷歌字体的Bootstrap CSS

回答

相关问题