Значок «Мой шрифт» не отображается и нарушает структуру моей страницы - PullRequest
Новая
       21

Значок «Мой шрифт» не отображается и нарушает структуру моей страницы

0 голосов
/ 28 марта 2020

Я пытаюсь использовать следующий значок Font Awesome 

<i class="far fa-angle-right"></i>

, но значок не отображается.

Я пробовал два разных кода встраивания для вставки в <head> section: первый был 

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

, а второй был 

<script src="https://use.fontawesome.com/0fa476ae4d.js"></script>

Оба они не работали, и вместо моей иконки появился только нулевой знак. Второй код встраивания также полностью сломал и испортил структуру моей страницы, толкая мою форму вниз.

Это та часть, где я пытаюсь использовать иконку: 

<form id="email-form">
        <input
          type="email"
          name="email-input"
          id="email-input"
          placeholder="Email Address"
        />
        <button type="submit" name="submit-button" id="submit-button">
          <i class="far fa-angle-right"></i>
        </button>
</form>

Ответы [ 3 ]

0 голосов
/ 29 марта 2020

Прежде всего, я использовал ссылку, которую отправил вам выше, и получил свой собственный комплект. Затем я пытаюсь использовать вашу иконку, и она работает. и значок должен быть 

<i class="fas fa-angle-right"></i>

, а не 

<i class="far fa-angle-right"></i>
0 голосов
/ 29 марта 2020

Если вы посмотрите значок angle-right в их каталоге , вы увидите, что для этого требуется Pro-лицензия. Если у вас его нет, вы должны использовать стиль s. Упомянутый вами «нулевой значок» - это обычный флаг, обозначающий отсутствующий / недействительный значок.

enter image description here

0 голосов
/ 29 марта 2020

Если вы собираетесь использовать fontawesome во всем вашем проекте, вы можете установить его глобально или определить как «cdn» в index. html page. Может быть более логичное решение.

...