外部css的AMP页面参考

Question

如何在放大器页面中添加外部CSS样式。 我用这个标签包含css文件。

<link href="css/cssnew.css" rel="stylesheet" media="screen">

它给出以下错误： 标签'link rel = stylesheet for fonts'中的属性'href'设置为无效值'css / cssnew.css'。 （见https://www.ampproject.org/docs/reference/spec#custom-fonts）

在放大器文档中，它指定使用内联样式。

<style amp-custom>
//css code
</style>

但是如何在此标记中包含所有必需的css，因为它有一定的限制。任何人都可以通过一个例子向我解释这个问题，因为我对放大器页面是全新的。提前谢谢

Answer 1

无法添加外部样式表，例如css。它需要额外的网络请求，因此减慢了加载网站的速度 请参阅Basic howto。

Answer 2

通过使用php你可以做到这一点，但CSS不应超过50kb 您必须在头部

中包含此行

<?php readfile( getcwd() . "/amp.css"); ?>

css格式

<style amp-custom>

body {
    background-color: blue;
  }


</style>