Fonts nanoGallery2-如何更改缩略图图标

我使用的是nanoGallery2，我喜欢自定义一个缩略图图标，在文档中有：

库中使用的所有图标都可以自定义。默认情况下，将显示一个图标 使用字体。示例：将默认相册图标替换为红色图标 从字体：

icons.thumbnailAlbum:'

但我尝试使用注释图标，如下所示：

icons: { thumbnailCustomTool1 : '<i class="fa fa-comment" aria-hidden="true"></i>'}

图标：{thumbnailCustomTool1:''}

或

图标：{thumbnailCustomTool1:''}

或

图标：{thumbnailCustomTool1:''}

或

图标：{thumbnailCustomTool1:''}

而且不起作用：(

但有些图标效果很好，比如

icons: { thumbnailCustomTool1 : '<i class="nGY2Icon icon-star"></i>'}

图标：{thumbnailCustomTool1:''}

更改图标的正确方法是什么

---

感谢各位

nanogallery2正在使用一种自定义字体，它基于font awesome中的一些图标

要使用其他图标字体中的图标，是否在HTML页面中包含相应的字体

字体真棒：

---

这里有一个完整的CodePen工作示例：

非常感谢@Kris_B

icons: { thumbnailCustomTool1 : '<i class="fa fa-comment"></i>'}

icons: { thumbnailCustomTool1 : '<i class="icon-comment"></i>'}

icons: { thumbnailCustomTool1 : '<i class="nGY2Icon icon-comment"></i>'}

icons: { thumbnailCustomTool1 : '<i class="nGY2Icon icon-star"></i>'}