如何添加下载的fontwo敬畏的专业图标反应本地



我不再是一个font真棒的专业客户,但我仍然可以下载网络和桌面的专业图标集(svg/css/webfonts/ssprites…(,我想在我的项目中添加一些双色和浅色专业图标。但我尝试过以多种方式将其添加到我的世博项目中,但似乎都不起作用。

  • 我尝试使用react原生svg,但它不起作用,因为fontwo敬畏的svg由于某种原因无法翻译为svgr。

  • 我尝试过使用react native fontwo敬畏,但它似乎只适用于常规实体和品牌图标。

  • 我无法使用fortAwesome库,因为我的npm令牌已过期,因此已被吊销。

请帮忙,我如何在我的react原生expo项目中使用下载的图标?提前感谢

我发现了如何做到这一点。

我在我的资产中添加了字体很棒的专业字体。使用Font.loadAsync((.加载字体

然后我创建了一个组件和一个数组,其中包含每个图标的名称和unicode值。(在这个链接中找到:字体真棒unicode和名称

我的组件只是一个具有对应于我要使用的fontFamily的fontFamilies的组件(在我的情况下是fa-light-300、fa-duotone-900和fa-brands-400(。unicode值是这样写的:

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

如果有人遇到同样的问题,我希望这能有所帮助。

最新更新