css - 无法从本地放置的 FA 库中渲染 Font Awesome 图标

标签 css firefox

我已经下载了很棒的字体库并将其链接到我的 HTML。这是我的代码的最简单版本:

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="font-awesome.min.css">
    </head>
    <body>
        <div id="content">
            <i id="search-icon" class="fa fa-search"></i>
        </div>
    </body>
</html>

但是,在浏览器中呈现的是:

enter image description here

我错过了什么?我只需要让它在 Firefox 中运行。

最佳答案

我会先尝试设置页面的编码,然后检查是否所有其他文件都放在正确的目录中,如 “将整个 font-awesome 目录复制到您的元素中” in get started页面说。

关于css - 无法从本地放置的 FA 库中渲染 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26008317/

相关文章:

html - 垂直线将文本推到其下方

firefox - Google Cloud Shell 和 VM SSH 命令行空白

Firefox Quantum SharedWorker 无法工作

javascript - 为什么这个页面在 Firefox 上这么慢?

html - 透明导航/菜单栏

css - 停止在移动设备中调整文本大小

jQuery 在 IE-8 和 FF-3.5.8 中设置只读属性不一致

google-chrome - Google reCAPTCHA V.2 在 Firefox 中工作但在 chrome 中无效

javascript - 动画渐变(javascript)背景不会扩展到窗口的全高

css - gulp-sass 解决 load_path 支持?