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

字体很棒不能工作,图标显示为正方形

冉绯辞
2023-03-14

所以我正在尝试一个营销页面的原型,我正在使用Bootstrap和新的字体Awesome文件。问题是,当我尝试使用图标时,页面上呈现的只是一个大正方形。

下面是我将文件包含在Head中的方式:

<head>
        <title>Page Title</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/bootstrap-responsive.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/app.css">
        <!--[if IE 7]>
            <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
        <![endif]-->
</head>

下面是我尝试使用图标的一个例子:

<i class="icon-camera-retro"></i>

但所有这些都是在一个大方块里呈现出来的。有人知道会发生什么吗?

共有1个答案

东门修文
2023-03-14

根据文档(步骤3),您需要修改提供的CSS文件以指向您站点上的字体位置。

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

  • 所以,我已经阅读并尝试了google前5页上几乎所有的堆栈溢出答案,但我不知道到底是怎么回事。 所以,这是我的导航栏显示的截图。正如你所看到的,右边的正方形实际上应该是这里的图标。当博客链接被点击时,它应该在这里改变为这个图标。示例见下面的截图。 对于我试图实现的工作示例,您可以访问这里的链接,它直接来自startbootstrap.com,这是一个现场演示模板。除了演示网站说“页面”而不是“博客

  • 我正在为我的android乞丐项目创建一个1对1扑克芯片计数器应用程序。当我按下任何调用displayBetPlayer1或displayBetPlayer2的按钮(+、-、Bet/Rise)时,我会收到一个运行时错误,所以我知道问题出在这些方法上。我还看到导入语句有一些不对劲的地方,但我对此太陌生,不明白是什么。有人知道问题出在哪里吗?(我将在注释中发布activity_main.xml,因为它

  • 我想要的是用raphaeljs创建一个简单的圆圈,里面有Facebook的“F”(这也将用于其他类似的情况)。“F”符号将由Font-Awesome生成。 我所做的(没有工作)是使用css和/或将字体家族设置为raphael属性。 代码如下: 这里也有一把小提琴,让你的生活更轻松。据我所见,问题是raphaels将字符放置在文本节点内的tspan中,因此无法对其进行解码。谁有办法克服这个问题?

  • 我在一个库项目中包含了字体真棒: 当在本地运行时,这工作正常,我可以使用字体真棒类来创建图标。 但是在我项目并包含之后,我得到了错误: 找不到模块:无法解析'@fortawise-pro/css/all.min.css' 其他CSS文件被捆绑到输出CSS文件中。为什么不是那个?这是我的。

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