Самостоятельные веб-сайты, не кэшированные Google CDN для страниц AMP

Question

Моя компания недавно начала экспериментировать с страницами AMP для одного из наших сайтов. Этот процесс отлично поработал, и мы видим, что Google индексирует наши страницы для использования в каруселях AMP: Mobile Google Search result for PennLive.com.

Однако наши активы шрифта возвращаются как 404 в карусели Google, несмотря на то, что они непосредственно работают на наших страницах AMP.

https://cdn.ampproject.org/r/www.pennlive.com/static/common/fonts/v1/benton-sans-medium/448c4642-c106-472f-9c6a-a4d7b5347b03-3.woff возвращает 404

тогда:

http://www.pennlive.com/static/common/fonts/v1/benton-sans-medium/448c4642-c106-472f-9c6a-a4d7b5347b03-3.woff возвращается 200

В amphtml документации, он говорит, что самодостаточно шрифты должны быть поданы через HTTP или HTTPS, который является то, что мы делаем для наши страницы и страницы AMP, очевидно, проверяются.

Почему эти шрифты не возвращаются 200 в каруселях Google AMP?

Пример страницы: http://www.pennlive.com/articles/18505993/penn_state_commit_damion_barbe.amp

https://www.google.com/amp/www.pennlive.com/articles/18505993/penn_state_commit_damion_barbe.amp#development=1

Answer 1

Ваш сервер возвращает недопустимый тип содержимого для файла шрифта .woff.

$ curl -I http://www.pennlive.com/static/common/fonts/v1/benton-sans-medium/448c4642-c106-472f-9c6a-a4d7b5347b03-3.woff 

HTTP/1.1 200 OK 
Date: Fri, 20 May 2016 17:27:48 GMT 
Last-Modified: Wed, 18 May 2016 15:03:07 GMT 
Accept-Ranges: bytes 
Cache-Control: max-age=604800 
Expires: Fri, 27 May 2016 17:27:48 GMT 
Content-Type: text/plain; charset=UTF-8 
X-Varnish: 198714588 
Via: 1.1 varnish-v4 
X-ADI-VCache: MISS 
Content-Length: 54040 
Connection: keep-alive 

Примечание Content-Type: text/plain;

Я думаю, что вы хотите application/x-font-woff или font/woff

Answer 2

Было бы полезно, чтобы увидеть вашу AMP страницу; в противном случае я пытаюсь сделать вывод о том, что может произойти.

Если у вас возникли проблемы со шрифтом Awesome fonts. Наконец открыл этот подход:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" 
    rel="stylesheet" 
    integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" 
    crossorigin="anonymous" 
> 

Я вижу, что benton-sans-medium может быть шрифт, который вы лицензированы. Если они будут служить для вас шрифтом, подход, описанный выше, может оказаться полезным.