Question

我刚刚开始学习Grav CMS并希望将FontAwesome Pro与我制作的网站一起使用，我确实拥有许可证和所有必要的文件。

我已将fontawesome-all.min.css添加到/user/plugins/admin/themes/grav/templates/partials/base.html.twig，并且CSS文件在网站上加载得很好。但是所有的webfonts都返回404 我的base.html.twig现在包含了这个

{% extends 'partials/base-root.html.twig' %}
{% do assets.addCss('theme://css/fontawesome-all.min.css') %}

我将css放在css文件夹中，与css文件夹位于同一级别（在g5_helium主题文件夹中，我也使用了Gantry 5）。但chrome（或任何其他浏览器）无法加载返回404的FA字体文件。

从我的CSS文件到webfonts的路径与FA CSS文件中指定的路径相同。我从我的终端附加了输出，我在其中一个webfont文件中打印了1行，以证明在我看来路径应该是正确的。

➜  g5_helium git:(master) ✗ cd css; ls
fontawesome-all.min.css
➜  css git:(master) ✗ echo "examplepath from css file" 
examplepath from css file
➜  css git:(master) ✗ tail -n 1 ../webfonts/fa-solid-900.ttf 
window-alt  window-closewindow-maximizewindow-minimizewindow-restore�windowon-sign�wrenchx-rayen-sign%

FA-all.css文件中的路径相同，从文件输出

url("../webfonts/fa-solid-900.ttf") format("truetype")

Answer 1

能否提供您拥有的所有订单，您可能需要尝试在custom.css上方设置fontawesome .css才能正常工作。至少这就是他们在文档中显示它的方式。

将fontawesome pro添加到Grav CMS

1 个答案: