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';

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM