当前位置: 首页 > 知识库问答 >
问题:

字体awesome未显示图标

薛华容
2023-03-14

我使用字体很棒,不希望添加CSS与HTTP。我下载了Font Awesome并将其包含在我的代码中,但Font Awesome显示的是一个有边框的方框,而不是图标。下面是我的代码:

<html>
<head>
<link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
</head>
<body>
<div style="font-size: 44px;">
   <i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
</div>
</body>
</html>

我想知道如何使图标显示而不是边框方框。

共有2个答案

上官彬
2023-03-14

打开font-awesome.min.css时,可以看到以下路径:

'Fonts/fontawesome-webfont.ttf?v=4.2.0' ...

这意味着您必须创建目录fonts,然后将文件fontawesom-webfont.ttf(fontawesom-webfont.wofffontawesom-webfont.eot)复制到此文件夹。在那之后,一切都应该运转良好。

秦雅逸
2023-03-14

在我的例子中,我在css代码中犯了以下错误。

*{
    font-family: 'Open Sans', sans-serif !important;
}

这将覆盖整个页面的所有字体系列规则。我的解决方案是像这样将代码移动到正文中。

body{
    font-family: 'Open Sans', sans-serif;
}

注意:每当在css中使用!importity标志时,在同一元素上声明的任何其他相同类型的css规则都将被覆盖。

 类似资料:
  • 我有一个问题,在使用字体可怕的整个应用程序引擎。 通过Google Chrome开发者控制台,我发现以下错误: 资源被解释为字体,但使用MIME类型文本/html传输:“http://localhost:8080/wp-内容/插件/js\U composer/资产/库/字体awesome/字体/字体awesome webfont。woff/?v=4.2.0“。资源解释为字体,但使用MIME类型文本

  • 我有一个名为Ad的实体类,它包含如下字段 问题是当我试图使用这个实体创建表单时,横幅文本字段不显示(不呈现),只有标签。 我注意到字段的id是ad_banner如果我改变浏览器检查元素中的id,它将被显示... Symfony中ad_banner什么,为什么它隐藏它? 我不想改变字段的名称,也不想改变树枝上的id,因为我想保持简单,就像这样: 我试图从表单生成器更改字段的id,但没有成功。谢谢你!

  • 我刚刚在我的font awesome图标中添加了一个href标签,它像这样改变了它的颜色: 有办法移除此链接颜色吗?

  • 问题内容: 在1.5.5.3123版本的机盖上运行 Folium版本:0.1.2,内部版本:1 下面的代码; 退货 但没有别的。 如何在ipython笔记本中显示地图? 问题答案: 我发现iPythonNotebooks中有关Folium的本教程很有帮助。您创建的原始Folium实例不足以让iPython显示地图- 您需要做更多的工作才能获得一些iPython可以渲染的HTML。 要在iPytho

  • 问题内容: 在脚本(不是IPython)中使用此脚本时,什么也没有发生,即绘图窗口不出现: 即使添加,也什么也没有。为什么? 有没有一种方法, 而不必手动调用matplotlib ? 问题答案: 绘制完绘图后,需要告知matplotlib 。做事的通常方法是从那里导入并调用: 由于您已请求不这样做(为什么?),因此可以使用以下[注意:这似乎不再适用于更新版本的]: 但是您在这里所做的所有工作都是在

  • 问题内容: 因此,我正在尝试制作营销页面的原型,并使用Bootstrap和新的Font Awesome文件。问题是,当我尝试使用图标时,页面上呈现的所有内容都是一个大方块。 这是我将文件包括在头中的方式: 这是我尝试使用图标的示例: 但是所有这些都呈现在一个大方块中。有人知道会发生什么吗? 问题答案: 根据文档(第3步),您需要修改提供的CSS文件以指向站点上的字体位置。