Fancybox 3用Font Awesome替换图标

Question

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

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

说实话，免费图标看起来很丑陋，我建议您选择专业版，选择其他图标集或使用默认设置。