ionic3應用程序上未顯示字體真棒圖標

Question

我已經在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'
  },

Answer 1

鏈接樣式表時出現語法錯誤

<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">

Answer 2

如果您要鏈接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">

Answer 3

我之前已經遇到過這個問題。 通過從url以下加載css文件而不是從資產加載來解決此問題。