nanoGallery2 -如何更改缩略图图标

Question

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

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

 icons.thumbnailAlbum: '<i style="color:#e00;" class="fa fa-search-plus"></i>'

但我试图使用评论图标，如下所示：

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

或

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>'}

改变图标的正确方法是什么？

谢谢各位

Answer 1

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

要使用另一个图标字体中的图标，是否在HTML页面中包含了相应的字体？

字体太棒了：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

下面是关于CodePen：https://codepen.io/Kris-B/pen/EWmqdd的完整示例