首页 > 解决方案 > 修复 AMP 样式表错误

问题描述

我的样式表在AMP Validator中出现错误

标签“link rel=stylesheet for fonts”中的属性“href”设置为无效值“ http://domain.cooooom/css/style.css ”。学到更多。

我已经搜索过它并从官方 AMP 网站上找到了他的文章。

屏幕 1

这是the most ridiculous我在这些年的工作中看到的建议。

他们建议我将所有外部 CSS 文件代码直接移动到我的应用程序头部并将它们放在<style amp-custom>标签中!所以我会有一个又长又乱的头标签,因为它们不能遵循 HTML5 标准。

问题

无论如何我避免做这个凌乱的工作并验证我的文件吗?

标签: amp-html

解决方案


是的,这就是 AMP 的工作原理。您必须在 HTML 中插入内联 CSS 以保存额外的网络。@import 也是被禁止的。

最好的方法是创建一个 AMP 自己的 css 样式,而不是从非 AMP 站点放入您所有的 css 样式。
提示:您最多可以插入 50KByte CSS,但最好保持在 14K 以下;-)


推荐阅读