外部css的放大器页面参考

Question

如何在放大器页面中添加外部css样式。此标记用于包含css文件。

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

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

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

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

但是如何在这个标签中包含所有所需的css，因为它有一定的限制。有人能用一个例子来解释我这个问题吗，因为我对翻阅网页完全陌生。提前谢谢你

Answer 1

通过使用PHP，您可以这样做，但css不应超过50 By。你必须把这一行包括在头部部分。

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

CSS：

<style amp-custom>
    body {
        background-color: blue;
    }
</style>

Answer 2

不可能添加外部样式表，如css。它需要额外的网络请求，所以它减慢了加载站点的速度。

见基本操作。