我想将一个新字体导入我的Angular 5项目.
我试过了：
1)将文件复制到assets / fonts /
2)将其添加到.angular-cli.json样式
但是我已经检查过该文件不是.css,它是一个.otf就像.exe(它是一个安装程序),所以我真的不知道如何导入它.任何的想法？
您需要将字体文件放在assets文件夹中(可能是资源中的字体子文件夹)并在样式中引用它：
@font-face {
font-family: lato;
src: url(assets/font/Lato.otf) format("opentype");
}
完成后,您可以在以下任何地方应用此字体：
* {
Box-sizing: border-Box;
margin: 0;
padding: 0;
font-family: 'lato','arial',sans-serif;
}
您可以将@ font-face定义放在全局styles.css或styles.scss中,并且您可以在任何地方引用该字体 – 即使在特定于组件的CSS / SCSS中也是如此. styles.css或styles.scss已在angular-cli.json中定义.或者,如果你想要,你可以创建一个单独的CSS / SCSS文件,并在angular-cli.json中与styles.css或styles.scss一起声明它：
"styles": [ "styles.css","fonts.css" ],