nanoGallery2 - 如何更改缩略图图标

Question

我正在使用nanoGallery2，我想在文档中自定义缩略图图标：

  

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

 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正在使用自定义字体，基于字体awesome中的一些图标。

要使用其他图标字体中的图标，您是否在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