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>

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

Font Awesome Icons Weirdly Not Displaying In Shopify Store

html

css

liquid

shopify

font-awesome