Dotnetnuke 如何使用Font5配置2sxc中的字体图标选择器？

DNN 9.3.1 2sxc 10.25.2

我在2sxc内容模块中添加了一个名为Icon的字段，并使其成为字体图标选择器。我的DNN皮肤通过CSS中的CDN加载

查看2sxc字体图标选取器字段设置，它需要CSS前缀、预览CSS类和字体文件。我从CDN获得我的FontAwesome 5图标，但我知道我需要在本地引用它们-所以我下载了FontAwesome 5并将其上传到我的服务器并在那里引用

但是Font Awesome 5 Free有3种不同的字体前缀类：fab、far和fas。品牌、常规、坚固

因此，当我使用选择器选择图标时，它不会正确地为图标添加前缀。我希望当我选择图标时，它会添加正确的前缀，如fas fa user，但它只输出fa user，因此图标不会出现

我的剃须刀模板如下所示：

<i class="@Content.IconPicker"></i>

---

我是否设置不正确，或者2sxc图标选择器是否无法支持字体5？如何配置设置以使Font Awesome 5正常工作？

这确实很棘手。让我介绍一些背景情况：

Fontawesome有不同的字体文件和针对图标的不同css文件 不幸的是，这会在选取器中造成问题，因为选取器无法配置为显示带有不同前缀的图标预览-因此到目前为止，选取器通常只能配置为显示一组这些图标 正如您所注意到的，输出也会出现同样的问题——在某些情况下，不同的前缀很重要，但是选择器不会给您前缀，只会给您图标名 我们还遇到了另一个真正困扰我们的问题：这些图标字体真的伤害了我们的谷歌页面速度评级——大约10-20分，视情况而定！因此，我们花了将近两周的时间来寻找更好的解决方案。我们已经找到了：。它只是没有很好的标准化/文档化：

下面是它的工作原理：

基本上所有图标都有不同的名称，所以前缀并不重要。这只是font awesome引入的优化，但无论如何都不好。 因此，我们需要有一个css文件，其中列出了所有图标，但只是正确地使用正确的字体文件，无论使用什么前缀。我们可以生成这样一个文件，并且已经有一些工作脚本可以执行此操作，但它的状态不是我们可以共享的： 这个css文件应该在图标选择器中使用 在页面中，因为前缀并不重要 这就是我们解决问题的方法。对不起，这不简单

---

我们更进一步：如果你有font awesome的商业许可证，你可以在你的页面中使用一个JS加载器，它根本不使用字体，但只获得你在页面中实际包含的3-4个SVG。这给了我们额外的10-20分的页面速度！但因为这只是商业许可证，我不能与公众分享。如果你有商业执照的话，我会这么做的

我现在有了2sxc 11.3.0和Font Aowesome 5 Pro版本，我使用他们推荐的方式使用JS加载程序加载图标。有了这些，我该如何在2sxc中设置字体选择器字段呢？我不知怎的在一个选项卡上发现了这个打开的窗口，并注意到了这个主题。。。如果再次出现这种情况，Accuraty的AccuTheme是公开的，Wiki的原始/草稿/未完成部分应该包含您在页面上获取FontAwesome Pro以及如何使用它获取2sxc字体图标选择器所需的大部分详细信息。我们在相当多的项目中使用了它，大多数客户都非常喜欢使用它。有时候太多了，但也没关系。