将字体库导入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