Необычные иконки шрифта странно не отображаются в магазине Shopify - PullRequest
Новая
       14

Необычные иконки шрифта странно не отображаются в магазине Shopify

0 голосов
/ 06 января 2020

Проведя часами ходя кругами. Я достиг определенного уровня разочарования, когда мне нужна внешняя перспектива.

Посмотрите этот код здесь и узнайте, как он дает именно то, что следует ожидать. 

<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.

enter image description here

Вывод такой:

enter image description here

Почему не отображается один из значков?

Я сделал эту демонстрацию, чтобы подчеркнуть мою проблему. Я испытываю это с несколькими другими отличными иконками шрифта. Я проектирую страницы в HTML / CSS в возвышенном. Потом, когда я возьму этот код в магазин Shopify. Иконки не видны. Я повторил эту проблему в нескольких магазинах.

Это очень странно. Может кто-нибудь, пожалуйста, помогите мне.

1 Ответ

1 голос
/ 06 января 2020

У вас есть первая иконка внутри p-оператора. Может быть, один из ваших CSS -файлов изменяет шрифт.

Пробовал этот? 

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