css - css ファイルへの高速化されたモバイルページリンク

Question

css ファイルにリンクしようとしています:

<link href="/semanticui/semantic.css" rel="stylesheet" />

Chrome を#development=1モードで開いて、ページの amp をテストしています。このエラーが発生しています：

The attribute 'href' in tag 'link rel=stylesheet for fonts' is set to the invalid value '/semanticui/semantic.css'.

score 14 · Accepted Answer

外部スタイルシートは許可されていません。css の追加要求を避けるために、インラインスタイルを使用します。

作成者は、ドキュメントの head にある単一の<style amp-custom>タグを使用して、カスタムスタイルをドキュメントに追加できます。

score 8 · Accepted Answer

私はphpページを使用しているので、次のようにしてカスタムcssページを追加します。これにより、それを分離してすべてのページに含めることができるため、一度だけ変更するなど.

<style amp-custom>
  <?php readfile( getcwd() . "/css/main.min.css"); ?>
</style>

css - css ファイルへの高速化されたモバイル ページ リンク