我想将新字体导入到我的 Angular 5 项目中。
我努力了:
1)将文件复制到assets/fonts/
2)将其添加到.angular-cli.json
styles
但我检查过该文件不是.css
, 它是一个.otf
这就像一个.exe
(它是一个安装程序)所以我真的不知道如何导入它。任何想法?
您需要将字体文件放在资产文件夹中(可能是资产中的字体子文件夹)并在样式中引用它:
@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
or styles.scss
并且您可以在任何地方引用该字体 - 即使在组件特定的 CSS/SCSS 中。styles.css
or styles.scss
已经定义在angular-cli.json
。或者,如果您愿意,可以创建一个单独的 CSS/SCSS 文件并在 angular-cli.json 中声明它以及styles.css
or styles.scss
like:
"styles": [
"styles.css",
"fonts.css"
],
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)