@fortawesome/angular-fontawesome 和 unicode

Question

我在我的 Angular 應用程序中升級 font-awesome 之前我們在 style.scss 文件中硬編碼了 font-awesome 的 URL（來自 CDN ），現在我們必須有一個 angular 包，如下所示：

ng 添加 @fortawesome/angular-fontawesome@3.0.0 以及類似的 SVG 圖標。

我們已將方法從<i class="fa fa-lock"><i>更改為<fa-icon icon="faLock"></fa-icon>

現在這里具有挑戰性的是，在我現有的應用程序中，我們使用了unicode ，如下所示：

ui li:before {
content: '\f138';
font-family: FontAwesome;
}

我已將上面的內容更改為下面的內容

ui li:before {
    content: '\f01';
    font-family: Font Awesome 5 Free;
    }

但是圖標沒有出現，我們是否仍然需要在 angular.json 中定義 .css 文件以適用於 Unicode（node_modules 的 fort-awesome 的路徑）？

請注意， my version of supports font-awesome 版本 5+`。

添加的包

    "@fortawesome/angular-fontawesome": "^0.3.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.0",
    "@fortawesome/free-solid-svg-icons": "^5.15.4",

Angular version :6;

Answer 1

好的，如果您檢查使用新圖標的代碼，您應該會看到類似的內容：

這意味着您沒有顯示 FA 圖標的 css 方式：

.fa, .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

所以你不能再使用 unicode 技巧來顯示圖標了。 除非，在 angular svg FA 庫之上，您安裝“網絡”方式： https ://fontawesome.com/v5/docs/web/setup/get-started。 然后，您將擁有一個可以使用的常規font-family 。

如果我表達正確，請告訴我有關 SVG 的部分是否對您有意義。 干杯。