Fancybox 3用Font Awesome替换图标

Question

如何用Font Awesome图标替换fancybox 3中的按钮图标（关闭，箭头等）？

Answer 1

基本上，要自定义图标，只需使用btnTpl选项，如下所示：

  btnTpl: {
    download: '<a download data-fancybox-download class="fancybox-button fancybox-button--download" title="{{DOWNLOAD}}" href="javascript:;">' +
    '<i class="fas fa-arrow-down"></i>' +
    "</a>",

     // etc..
  }

这是一个演示，所有图标都被Font Awesome - https://codepen.io/fancyapps/pen/YgmBOx取代

说实话，免费图标看起来很难看，我建议要么亲，选择另一个图标集或坚持默认。