我最近在我的reveal.js 演示文稿中使用默認的 google-fonts URL 字體射擊自己，因為我不得不重新加載瀏覽器（切換演示文稿），并且沒有 Wifi 字體快取丟失并且不會重建，因此我最終得到了一個看起來很糟糕的默認無襯線字體。
所以。我想包含用于reveal.js 演示文稿的字體，通過和127.0.0.1:8000從我的筆記本電腦本地運行npm start，以便瀏覽器在本地找到字體，就像它找到html 和css 一樣，而無需訪問互聯網。
這是我的自定義方案中的內容：
@import url('https://fonts.googleapis.com/css2?family=Roboto Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
// Override theme settings (see ../template/settings.scss)
$mainFont: 'Roboto Condensed', sans-serif;
$headingFont: 'Roboto Condensed', sans-serif;
...
我將如何下載必要的字體，以及如何更改此方案以使用本地字體？
uj5u.com熱心網友回復：
你不能簡單地在這里獲取字體https://github.com/davidcunningham/roboto-condensed/tree/master/fonts
然后在你的樣式表中添加這個？
@font-face {
font-family: 'RobotoCondensed-Regular';
src: url('/path/to/fonts/RobotoCondensed-Regular.woff') format('woff')
}
然后在你的風格中呼叫它
font-family:'RobotoCondensed-Regular';
**對每個字體粗細重復，因為該字體不可變。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/348962.html