Ionic framework Ionic React：如何集成自定义字体和图标集

我是爱奥尼亚反应公司的新手，我正在寻找将自定义字体和自定义图标集集成到我的项目中的正确方法，以便它能按预期在所有平台上工作

自定义图标集 我的目标是让我的自定义图标与IonIcon一起工作，这样我就可以使用默认的样式选项，如“大小”和CSS变量（例如--ioinc笔划权重）

到目前为止我所做的：

我将图标集（所有图标都是SVG）添加到“public/assets/customicons/”中

我将IonIcon导入到需要的组件中

整合（例如）

到目前为止，图标按预期显示，自定义属性“大小”正在工作。 但是，我无法以编程方式设置图标颜色或笔划宽度。所有图标都设置了默认属性（例如）。即使我删除了这些默认属性，我也无法通过CSS变量设置它们

问题1：存储图标的正确文件夹是“public/assets/customicons/”吗？ 问题2：如何通过CSS更改图标的颜色

自定义字体

目标：我希望在所有平台上显示自定义字体

到目前为止我所做的：

在“src/assets/fonts/”中添加了自定义字体

在“src/theme/”中创建了一个“font.css”，我通过“@font-face”集成了字体

将字体指定给不同的元素

问题1：这是存储自定义字体的正确文件夹吗？（当自定义字体保存在“public/assets/fonts/”下（如图标集）时，我无法执行相同的操作）

不幸的是，我找不到任何关于这些主题的文档、教程或帖子

谢谢你的帮助

   @font-face {
     font-family: ‘FONTNAME’;
     src: url(’…/assets/fonts/FONTNAME.ttf’);
     font-style: normal;
     font-weight: 400;
     font-display: swap;
   }