如何添加下載的 fontawesome pro 圖標以響應本機？

Question

我不再是 fontawesome pro 客戶，但我仍然可以下載 web 和桌面的 pro 圖標集（svg / css / webfonts / sprites ...），我想在我的項目中添加一些雙色調和 light pro 圖標。 但是我嘗試以多種方式將它添加到我的博覽會項目中，但它似乎不起作用。

• 我嘗試使用 react-native-svg 但它不起作用，因為 fontawesome svg 由於某種原因無法轉換為 svgr。

• 我嘗試使用 react-native-fontawesome 但它似乎只適用於常規的實體和品牌圖標。

• 我無法使用 fortAwesome 庫，因為我的 npm 令牌已過期並因此被撤銷。

請幫忙，如何在我的 react native expo 項目中使用下載的圖標？ 先感謝您

Answer 1

我發現了如何做到這一點。

我將 fontawesome pro 字體添加到我的資產中。 使用 Font.loadAsync() 加載字體。

然后我創建了一個組件和一個包含每個圖標的名稱和 unicode 值的數組。 （在此鏈接中找到： font-awesome unicode and names

我的組件只是一個帶有與我想要使用的 fontFamily 對應的 fontFamily 的組件（在我的例子中是 fa-light-300、fa-duotone-900 和 fa-brands-400）。 和 unicode 值這樣寫：

<Text style={{ fontFamily: "fa-light-300" }}>{"\uf164"}</Text>

如果有人遇到同樣的問題，我希望這會有所幫助。