将 fontawesome pro 添加到 Grav CMS答案

【问题标题】：adding fontawesome pro to Grav CMS将 fontawesome pro 添加到 Grav CMS
【发布时间】：2019-03-28 06:04:39
【问题描述】：

我刚开始学习 Grav CMS，想在我创建的网站上使用 FontAwesome Pro，我确实有许可证和所有必要的文件。

我已将 fontawesome-all.min.css 添加到 /user/plugins/admin/themes/grav/templates/partials/base.html.twig 并且 CSS 文件在网站上加载得很好。但是所有的网络字体都返回 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")

【问题讨论】：

您真的要编辑管理主题，还是您网站的主题？
只是我网站的主题，在 RocketTheme 论坛上询问之后，现在最好的办法似乎是将旧 FA 和新 FA 一起加载。他们说他们正在努力增加对 FA5 的支持，当我使用 Gantry 5 时，解决方案是转到我的网站的网站设置并将其添加到基本布局的页面设置中。我不习惯在 gui 中做事，所以很难找到这个。龙门架升级时，我的手动添加被删除了

标签： font-awesome grav

【解决方案1】：

您能否提供所有内容的订单，您可能需要尝试在 custom.css 上方设置 fontawesome .css 以使其正常工作。至少他们在文档中是这样显示的。

【讨论】：