Файл Font Awesome all.js не работает в ie9 - PullRequest
Новая
       62

Файл Font Awesome all.js не работает в ie9

0 голосов
/ 07 февраля 2019

Я скачал файл pro fontawesome для использования в моем веб-приложении.Я не могу использовать CDN.Я вставил файл all.js правильно, так как он работает нормально в ie11 и во всех других браузерах.Мне нужно, чтобы он также работал в ie9, хотя.Он работает с использованием CDN в ie9, но я не могу развернуть сайт с использованием CDN.Какие-либо предложения?

1 Ответ

0 голосов
/ 11 февраля 2019

По вашему описанию, я пытаюсь скачать шрифт потрясающими файлами и использовать в своем приложении.В браузере IE9 при использовании all.js будет отображаться ошибка «Невозможно получить свойство« добавить »неопределенной или нулевой ссылки».Эта проблема связана с тем, что IE9 не поддерживает classList, поэтому нам понадобится полифилл, такой как classList.js .Затем можно использовать ссылку на шрифт удивительный файл вместо ссылки на CDN.

Код, подобный следующему: 

<head>
    <title>Font Awesome 5 Icons</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link href="fontawesome/css/all.css" rel="stylesheet" />
    <script src="classList.min.js"></script> <!--https://cdnjs.cloudflare.com/ajax/libs/classlist/1.2.20171210/classList.min.js-->
    <script src="polyfill.classList.min.js"></script> <!--https://cdn.jsdelivr.net/npm/eligrey-classlist-js-polyfill@1.2.20171210/classList.min.js-->
    <script src="fontawesome/js/all.js"></script>
</head>
<body>

    <h1>fas fa-tty</h1>

    <i class='fas fa-tty'></i>
    <i class='fas fa-tty' style='font-size:24px'></i>
    <i class='fas fa-tty' style='font-size:36px'></i>
    <i class='fas fa-tty' style='font-size:48px;color:red'></i>
    <br>
    <span style="font-size: 3em; color: Tomato;">
        <i class="fas fa-igloo"></i>
    </span>

    <span style="font-size: 48px; color: Dodgerblue;">
        <i class="fas fa-igloo"></i>
    </span>

    <span style="font-size: 3rem;">
        <span style="color: Mediumslateblue;">
            <i class="fas fa-igloo"></i>
        </span>
    </span>
</body>

результат (с использованием F12 изменить на IE 9):

enter image description here

...