Question

在AMP页面上，我想在styles标签中添加对我的字体的引用。我们可以使用静态吗？

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("{% static '/webfonts/fa-brands-400.eot' %}");
  src: url("{% static '/webfonts/fa-brands-400.eot?#iefix' %}") format("embedded-opentype"), url("{% static '/webfonts/fa-brands-400.woff2' %}") format("woff2"), url("{% static '/webfonts/fa-brands-400.woff' %}") format("woff"), url("{% static '/webfonts/fa-brands-400.ttf' %}") format("truetype"), url("{% static '/webfonts/fa-brands-400.svg#fontawesome' %}") format("svg"); }

在我的身体部分，这对我来说很好。

<amp-img
    src="{% static '\located_in\picture.jpg' %}"
    width="16"
    height="9"
    layout="responsive"
    >
</amp-img>

我收到以下错误：

Error during template rendering
In template 
C:\users\frank\desktop\test_env\src\templates\fontawesome\fontawesome-all.css, error at line 2702
Invalid block tag on line 2702: 'static'. Did you forget to register or load this tag?

Answer 1

在访问Django静态目录中的任何文件之前，需要使用jinja2加载staticfiles 例如：

{% load staticfiles %}
<amp-img src="{% static '\located_in\picture.jpg' %}" width="16" height="9" layout="responsive" > </amp-img>

Answer 2

我必须再次在我的文件中添加{% load staticfiles %}，即使它位于base.html

无法在Django中为AMP页面加载字体

2 个答案: