将字体库导入angular项目



我想导入https://www.cufonfonts.com/font/helvetica-neue-lt-pro-2这个字体到我的项目。我在我的项目中使用了scss。我下载的字体文件中有很多woff文件。我该怎么办?

您应该能够做如下操作:

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

然后像这样使用:

div {
font-family: 'xyz';
}

下载字体文件并解压到assets/fonts文件夹中。解压后的文件夹本身包含style.css文件,你需要在angular.json中导入style文件。.

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

它将在全球范围内应用。你只需使用font-family需要使用

的地方

最新更新