ionic4 添加自定义字体/字体图标

这几个月忙于工作和整理各种相关笔记,所以一直没有写文,待总结整理后会陆续分享到这里来

关于 ionic4 的字体添加,实际可参考:https://stackoverflow.com/questions/51755047/how-do-i-install-new-fonts-in-ionic-4 

具体步骤有三:

1、angular.json 中的 styles 数组添加字体文件路径,比如:"styles": [..."input": "src/assets/fonts/iconfont.css"..],同理其他的第三方 css 文件亦可添加到此引入,第三方 js 则添加到 scripts  数组;

2、在 variable.scss 中的 :root 前添加字体声明,比如:@font-face { font-family: "your iconfont"; font-style...};

3、在 variable.scss 中的 :root 中添加字体变量,比如:--ion-font-family: 'your iconfont';

猜你喜欢

转载自www.cnblogs.com/rjwx60/p/11734076.html