將字體庫導入angular工程

Question

我想將此字體導入到我的項目中。 我在我的項目中使用 scss。 我下載的字體文件有很多woff文件。 我應該怎么做？

Answer 1

您應該能夠執行以下操作：

@font-face {
  font-family: 'xyz';
  src: url(assets/fonts/xyz.woff) format("woff");
}

然后像這樣使用它：

div {
  font-family: 'xyz';
}

Answer 2

下載字體文件並解壓到assets/fonts文件夾中。 提取的文件夾本身包含 style.css 文件，您需要在angular.json中導入樣式文件。

"styles": [
     "src/styles.css",
     "src/assets/fonts/helvetica-neue-lt-pro-2-cufonfonts-webfont/style.css"
 ]

並將在全球范圍內應用。 您只需在需要使用的地方使用font-family