[英]font awesome icons not showing up on ionic3 app
我已经在ionic3应用程序中实现了字体真棒图标,但是没有显示出来。 我的离子项目环境详细信息,
cli packages: (C:\Users\acer\AppData\Roaming\npm\node_modules)
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
local packages:
@ionic/app-scripts : 3.1.8
Ionic Framework : ionic-angular 3.9.2
System:
Node : v8.4.0
npm : 5.8.0
OS : Windows 10
Misc:
backend : pro
这是我的intro.html文件,
<ion-slides pager>
<ion-slide style="background-color:yellow" >
<i class="fas fa-utensils" style="font-size:120px;color:#ebebeb" aria-hidden="true"></i>
</ion-slide>
</ion-slides>
这是在我的index.html文件中
<!-- font-awesome -->
<link href="/assets/css/font-awesome.min.css" rek="stylesheet" type="text/html">
我已经添加了以下代码,在copy.config.js文件中建议了许多博客文章和SO答案
copyFontawesomeFonts: {
src: ['{{ROOT}}/node_modules/font-awesome/fonts/**/*'],
dest: '{{WWW}}/assets/fonts'
},
copyFontawesomeCss: {
src: ['{{ROOT}}/node_modules/font-awesome/css/font-awesome.min.css'],
dest: '{{WWW}}/assets/css'
},
链接样式表时出现语法错误
<link href="/assets/css/font-awesome.min.css" rek="stylesheet" type="text/html">
它应该是
<link href="/assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
如果您要链接CSS样式表,则其类型应始终为
type="text/css"
更改为
<!-- font-awesome -->
<link href="/assets/css/font-awesome.min.css" rek="stylesheet" type="text/html">
至
<!-- font-awesome -->
<link href="/assets/css/font-awesome.min.css" rek="stylesheet" type="text/css">
我之前已经遇到过这个问题。 通过从url以下加载css文件而不是从资产加载来解决此问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.