当前位置: 首页 > 面试题库 >

字体太棒了,图标显示为正方形

潘佐
2023-03-14
问题内容

因此,我正在尝试制作营销页面的原型,并使用Bootstrap和新的Font
Awesome文件。问题是,当我尝试使用图标时,页面上呈现的所有内容都是一个大方块。

这是我将文件包括在头中的方式:

<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>

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


问题答案:

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



 类似资料:
  • 所以我正在尝试一个营销页面的原型,我正在使用Bootstrap和新的字体Awesome文件。问题是,当我尝试使用图标时,页面上呈现的只是一个大正方形。 下面是我将文件包含在Head中的方式: 下面是我尝试使用图标的一个例子: 但所有这些都是在一个大方块里呈现出来的。有人知道会发生什么吗?

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

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

  • 问题内容: 难道只有我一个人无法在5.0.8版中渲染比特币和Facebook图标吗? 问题答案: 您还需要使用真棒字体5.0.8中的样式表。此外,您需要确保您的班级名称是最新的。请尝试以下代码段: 或者,您可以只使用样式表来包含所有样式

  • 这个在线下有没有办法用? 我复制了该链接并保存为font-awesome.min.css,但它仍然不能像此链接一样脱机运行href=“css/font-awesome.min.css”rel=“stylesheet”type=“text/css”

  • 我想静态旋转我的字体图标45度。网站上说: 要任意旋转和翻转图标,请使用fa-roate-*和fa-fllip-*类。 但是, 不起作用,而将替换为起作用。这是否意味着它们实际上不能任意旋转?