Я только что создал AMP-страницы для своего веб-сайта, и все выглядит нормально, когда я тестирую веб-сайт в браузере настольного компьютера (Chrome) как в обычном режиме, так и в режиме просмотра на телефоне.
Тем не менее, я просто попытался получить доступ к веб-странице через Google (который теперь показывает значок усилителя), но когда я захожу на страницу, значки fontawesome не отображаются, что вредит пользовательскому интерфейсу.
У меня этот код есть в разделе.
<link rel = "stylesheet" href = "https://pro.fontawesome.com/releases/v5.4.1/css/all.css" integrity = "hidden" crossorigin = "anonymous">
Есть идеи, почему значки не отображаются на мобильных устройствах?
И третье примечание. Вероятно, это потому, что он настроен на загрузку только из определенного домена, а Google выполняет предварительный просмотр через другой домен? Итак, вам нужно либо занести в белый список все домены Google на панели инструментов Fontawesome pro, либо найти где-нибудь еще, чтобы загрузить последние профессиональные значки.
Покопавшись, я наконец нашел решение этой проблемы.
Ресурсы загружаются через cdn.ampproject.org, и вы получаете настраиваемый поддомен для своего собственного домена, поэтому, допустим, ваш домен - example.com, вам нужно внести example-com.cdn.ampproject.org в белый список в Font Awesome.
Только что посмотрел на разрешенные AMP URI FA в белом списке. Что может быть здесь проблемой, они разрешают maxcdn.bootstrapcdn.com, use.fontawesome.com. Но это pro.fontawesome.com.