Question

我下载了pro fontawesome文件，可在我的Web应用程序中使用。我不能使用CDN。我已正确插入all.js文件，因为它在ie11和所有其他浏览器中均能正常工作。我需要它也可以在ie9中工作。它确实可以在ie9中使用CDN进行工作，但是我无法使用CDN部署站点。有什么建议么？

Answer 1

根据您的描述，我尝试下载真棒字体文件并在我的应用程序中使用。在IE9浏览器中，使用all.js时，将显示“无法获取未定义或空引用的属性'add'”错误。该问题与IE9不支持classList有关，因此我们需要像classList.js这样的polyfill。然后，您可以使用超棒的字体文件引用，而不是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）：

字体真棒all.js文件在ie9中不起作用

1 个答案: