Fancybox 3 用 Font Awesome 替换图标

【问题标题】：Fancybox 3 replace icons by Font AwesomeFancybox 3 用 Font Awesome 替换图标
【发布时间】：2019-03-28 21:16:41
【问题描述】：

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

【问题讨论】：

标签： fancybox font-awesome font-awesome-5 fancybox-3

【解决方案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

说实话，免费图标看起来很丑，我建议要么去专业版，要么选择其他图标集，要么坚持使用默认值。

【讨论】：