How to include CSS file in AMP project

Question

<style amp-custom>
{% include "style.css" %}
</style>

I am trying to create a simple AMP-site and got some problem. What is {% %}? It doesn't work for me?

Answer 1

You can try it, it's working for me...

<style amp-custom>
     @import url('css/custom.css');
</style>

Answer 2

You can’t reference external stylesheets amp pages, styles must be inlined under style tag with amp-custom attribute

<style amp-custom>

</style>

reference: amp styling doc