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

下载后FontAwesome图标不显示?(与URL一起使用,SRC不使用)

羊舌源
2023-03-14

我一直在我的一个web项目中使用fontawesome,当我使用CDN链接作为它的样式表时,它工作得很好,但当我想在本地拥有所有东西并从网站下载fontawesome(zip文件)时,它就会变得乱七八糟,并且显示多个图标,作为图标的png文件的某种不良缩放问题。

唯一的变化是

这个

<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

进入这个

  <link src="assets/css/font-awesome/css/font-awesome.css" rel="stylesheet">

同样,问题不是它不能工作,而是它如何显示多个图标。

共有1个答案

廖夜洛
2023-03-14

请确保您已从FontAwesome网站下载了完整的软件包,并使用了正确的链接,例如:

<link href="assets/css/font-awesome/css/font-awesome.css" rel="stylesheet" >

重置浏览器缓存。

确保您使用的或元素使用FontAwesome字体系列。例如:

<i class="fa-pencil" title="Edit"></i>

但是

<i class="fa fa-pencil" title="Edit"></i>
It won't work if you have something as the following in your CSS:

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

如果你正在使用IE,就不要...

如果这不起作用,只需花一两个小时(相信我,有时浏览器会自己开玩笑),如果问题持续存在,请检查https://github.com/fortawesome/font-awesome/wiki/troubleshooting

 类似资料:
  • 我的网页现在显示的是图标的方块,而不是图标本身。 我有相同的页面(我将代码“复制-粘贴”到),Page2显示的是正方形(里面有一些字符……),而不是图标。 好吧,我检查了Page2的控制台,下面是我发现的: 可下载字体:下载失败(font-family:“fontawesome”样式:正常重量:正常拉伸:正常src索引:1):URI错误或不允许跨站点访问源:file:///d:/dist/font

  • 我试过不同的浏览器,有没有使用%20,但我知道使用%20才是正确的方法。(实际上,这两种浏览器都可以使用) 我知道图像只会在托管它的机器上可见,这不是问题。

  • 问题内容: 最近,我一直在开发此网站,并试图在其中添加超棒的字体图标,以便其可扩展。 问题是他们没有露面。 看一下HTML: 要么 我确实把样式表引用放在了头上。 我不知道为什么他们没有出现。 这里是参考: 好了,这是完整的html: 问题答案: 根据您的参考,您有: 具体来说,就是这个部分。 但是,在您的完整html下是这样的: 您是否尝试过更换与您的全HTML变成这样?

  • 动态绑定src后,img标签不显示图片,点击右键加载后才显示,这是为什么? 如下图 我在vue中动态绑定的img标签的src属性,其中src是一个服务端返回的网络地址 注:该src地址是我阿里云OSS中保存的图片URL地址,已经绑定了自定义域名,并且允许跨域访问,且没有设置防盗链。浏览器是edge 我在img标签中直接把url写在src中倒是可以显示图片

  • 问题内容: 我正在尝试使用我的应用程序中的URL和按钮下载图像。当我在手机上运行它时,我无法下载该图像。任何人都可以指出这个问题。我在这里先向您的帮助表示感谢 :) 这是我的代码。 问题答案: 您可以通过两种方式从url下载图像 1。您 可以使用Glide库从url加载图像,看下面的代码,它可以轻松地为您提供帮助 编译这个库 而不是像这样加载图像 2。如果您不想使用第三方库,请尝试此 创建一个异步

  • 问题内容: pytest建议添加一个附加目录来分隔项目中的源代码: 可悲的是,他们在这种情况下对测试代码中的导入应该如何工作一无所获[1],在这个幼稚的示例[2]中,这对于我的IDE来说是很好的,但pytest导致以下错误: 我可以通过将测试的导入更改为来解决此问题,但随后我的IDE投诉该部分多余,因此我想将其保留。 [1] :情况不再如此。从3.7.3版本开始,pytest建议在@hoeflin