AMP 页面 - Fontawesome 图标未在移动设备上显示答案

【问题标题】：AMP Page - Fontawesome icons not showing on mobileAMP 页面 - Fontawesome 图标未在移动设备上显示
【发布时间】：2018-10-24 15:18:39
【问题描述】：

我刚刚为我的网站制作了 AMP 页面，当我通过桌面浏览器 (Chrome) 测试网站时，无论是普通视图还是手机视图，一切似乎都很好。

但是，我只是尝试通过 Google 访问一个网页（现在显示 amp 图标），但是当我访问该页面时，没有显示 fontawesome 图标，这会损害用户界面。

我有这段代码。

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.4.1/css/all.css" integrity="hidden" crossorigin="anonymous">

您知道为什么图标没有显示在移动设备上吗？

【问题讨论】：

刚刚查看了 AMP 允许的列入白名单的 FA URI。这可能是这里的问题，他们允许maxcdn.bootstrapcdn.com，use.fontawesome.com。但这是pro.fontawesome.com。
第三个注释..这可能是因为这被设置为仅从特定域加载，而谷歌通过另一个域进行预览？因此，要么您需要在 Fontawesome pro 仪表板中将所有 Google 域列入白名单，要么找到其他地方加载最新的专业图标

【解决方案1】：

经过一番挖掘，我终于找到了解决这个问题的方法。

资源正在通过 cdn.ampproject.org 加载，并且您获得了自己域的自定义子域，因此假设您的域是 example.com，您需要将 example-com.cdn.ampproject 列入白名单.org 在 Font Awesome 中。

【讨论】：