шрифт офигенный значок загрузки "сдвинут" на угол

Question

У кого-нибудь была эта проблема? По неизвестной мне причине значки появляются «под углом».

<i class="fas fa-plane"></i>

i.fas.fa-plane {
font-family: 'FontAwesome';
font-size: 4rem;
}

Пытался использовать Power Transforms, они не работают.

Вот как должен располагаться значок:

Вот как это грузы типа:

Answer 1

Похоже, значок должен лететь под углом. https://fontawesome.com/v4.7.0/icon/plane

Если вы хотите переместить его самостоятельно без Power Transforms, попробуйте: <div style="-ms-transform: rotate(45deg);transform: rotate(45deg);"><i class="fas fa-plane"></i></div>

Answer 2

Проблема, вероятно, была в разных версиях значков, которые я использовал, и в разных версиях, объявленных в заголовке ссылки (я использовал bootstrap v4.x). Это, вероятно, вызывало конфликт, когда я пытался использовать иконки v5 - и они выглядели деформированными.

Ps. Этот конкретный пример выше имеет разные углы шрифта в разных версиях.

Я скачал Font Awesome на свой P C и теперь все работает отлично. https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself