html - Font Awesome 图标奇怪地没有显示在 Shopify 商店中

Question

在花了几个小时兜圈子之后。我已经到了需要外部视角的挫败感。

请在此处查看此代码以及它如何准确地生成预期的结果。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

<p class="fa fa-check-circle fa_custom"> Verified</p>

<i class="fa fa-check"></i>

然后，如果我在 Shopify liquid 文件中输入此代码。

输出是这样的:

为什么其中一个图标没有显示？

我做这个演示是为了突出我的问题。我也遇到了其他一些很棒的字体图标。我在 sublime 中用 HTML/CSS 设计页面。然后，当我将此代码带入 Shopify 商店时。看不到图标。我已经在多家商店复制了这个问题。

这很奇怪。有人可以帮帮我吗。

Answer 1

您在 p 语句中有第一个图标。也许您的某个 CSS 文件正在更改字体。

试过这个吗？

    <i class="fa fa-check-circle fa_custom"></i> Verified <i class="fa fa-check"></i>