Amp html Google CDN未缓存AMP页面的自托管webfonts

我的公司最近开始为我们的一个网站试用AMP页面。这个过程非常有效，我们看到谷歌为我们的页面编制索引，以便在AMP转盘中使用：

然而，我们的字体资产在谷歌旋转木马中返回404，尽管它们直接在我们的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页面显然正在验证

为什么这些字体在谷歌AMP旋转木马中不返回200

示例页面：

---

查看您的

AMP

页面会很有帮助；否则，我试图推断可能发生的事情

在字体方面也有类似的问题。最终发现了这种方法：

<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"
>

---

我看那可能是你授权的字体。如果他们将字体提供给您，上述方法可能会很有用。

您的服务器返回的.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

注

内容类型：文本/普通

我想您需要
application/x-font-woff
或
font/woff
我添加了一个示例页面供您查看。谷歌CDN和托管版本都在那里。没有看到任何字体问题。当使用Chrome开发工具时，我看到的错误消息与
“[amp analytics.Transport]”发送图像请求失败“
richmetrics.com发生了一些问题；也许
pageviewWidth
。考虑用“代码>分析”< /COD>杰伊的子集进行测试。这些是正常错误，不影响AMP验证。如果您查看第二个链接，即谷歌旋转木马，您将看到所有字体都返回404。非谷歌旋转木马页面没有问题。是的，我确实看过那个链接。但它不是一个
AMP
doc；这是一个JavaScript文档。点击它自己。它确实指向了第一个链接，也就是我检查过的链接。是，第一个链接是有效的。我能看到的唯一问题就是上面的报道。你还打算提供其他链接吗？哦，是的。我现在明白了。这是无意的。查看此问题的唯一方法是通过谷歌搜索结果中的AMP转盘。尝试在Chrome上模拟手机，在google.com上搜索“pennlive”。旋转木马中的文章就是有这个问题的文章。我将修复这个问题，看看字体是否显示出来。如果这个方法有效的话，我会接受这个答案。字体正在返回正确的类型，现在它们显示在旋转木马中。谢谢你的帮助。