無谷歌字體的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

回答

相關問題