AMP - 在 amp 页面中包含图标

【问题标题】：AMP- include icons in amp pagesAMP - 在 amp 页面中包含图标
【发布时间】：2020-07-24 07:13:26
【问题描述】：

我正在尝试显示在 npm 中发布的自定义图标，目前我正在从 node_modules 加载，这在非 amp 版本中运行良好，但我不确定如何将其包含在 AMP 版本中，任何人都尝试过这种方式，非常感谢提前

类似/node_modules/icons/fonts/

【问题讨论】：

您可以将amp-img 与src=target-icon 一起使用，或者（如果是SVG）您可以使用SVG 类和标识的项目嵌入到页面中。

【解决方案1】：

这里我如何实现加载图标，添加到 scss 文件中

@font-face {
    font-family: your-iconfont;
    src: url(../../node_modules/your-icons/fonts/font.eot) format("embedded-opentype"), url(../../node_modules/your-icons/fonts/font.woff) format("woff"), url(../../node_modules/your-icons/fonts/font.ttf) format("truetype"), url(../../node_modules/your-icons/fonts/fonts.svg) format("svg");
    font-style: normal
}

【讨论】：