Fontawesome不起作用，图标不显示
Font Awesome 图标不显示的问题可能有很多原因
- 确保已正确安装和引入 Font Awesome。请检查是否在HTML文件的
<head>部分引入了正确的Font Awesome CSS链接，例如： <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet"> 或者，如果在本地安装，确保您正确引入了本地CSS文件： <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> - 检查图标的正确使用。确保您在HTML文件中正确使用了
<i>或<span>标签，并应用了正确的类名，例如： <i class="fas fa-home"></i> - 检查Font Awesome的版本。如果您在网站上找到一个图标，但在项目中找不到，请确保您正在使用相同的Font Awesome版本。有些图标可能在更新的版本中添加或更改。
- 检查浏览器缓存。如果尝试加载新版本的Font Awesome但仍未正常显示，请尝试清除浏览器缓存。
- 检查网络连接、CDN 和跨域策略。如果从CDN引入Font Awesome，请确保您的网络连接正常，确认CDN链接没有错误，并检查服务器的跨域策略是否允许下载字体文件。
- 查看开发者控制台中的错误。在浏览器的开发者控制台中查看是否有关于Font Awesome或其他与显示相关的错误。
相关·内容
当使用来自cdn的css链接时，可以使用css放置图标，例如在下面的按钮中： font-family: 'Font Awesome 5 Free';content: "\f05a";}
上面的代码在按钮中放置了一个小的信息图标。我已经安装了它并尝试过(图标库方法)，但是它不能工作。而且，node_modules文件夹似乎没有任何样式表可链接。
浏览 6提问于2022-03-10得票数 1
回答已采纳
我正在使用自定义字体图标设置，如wiki文章中所描述的。一切都很好。更新
fonticon:/
浏览 3提问于2016-09-26得票数 2
回答已采纳
我的package.json中有以下内容 "@fortawesome/angular-fontawesome": "^0.4.0", "@fortawesome/fontawesome-svg-core": "^1.2.29",
"@fortawesome/f
浏览 32提问于2020-06-24得票数 1
我使用FA和:之前使用图标而不是项目符号。我使用的是FA 5.0.6免费版。/fontawesome506/fa-regular-400.eot"); c
浏览 18提问于2018-02-18得票数 3
回答已采纳
我们在我们的网站(.Net aspx)上使用FontAwsome图标v4.7.0。字体文件是从本地路径引用的。在IE11上，HTTPS URL字体图标不会在第一次加载页面时显示，即使在页面刷新F5时也不显示。在页面回发字体图标正确加载之后。HTTP URL站点上没有问题。我们已经尝试了许多方法，但都不起作用。@font-face{font-family:'FontAwesome';src:url('../fonts/<e
浏览 30提问于2021-02-24得票数 0
1回答
在使用基本身份验证的环境中，图标字体不显示。直接访问页面和通过单击链接访问之间的响应是不同的，因此请描述。但是，浏览器响应头不包含缓存控制。@font-face {
font-family: 'F
浏览 0提问于2019-04-24得票数 0
我正在做一个WordPress主题，并多次尝试添加字体图标。最后，通过添加不同的fontawesome文件，我发现很少有文件工作得很好，但其他文件却不工作。请告诉我为什么别人不工作，我应该使用哪一个。
我用不同的方法来看哪一个起作用。"//FontAwesome CSS file
wp_enqueue_style( 'epostlite-fontawesome', get_temp
浏览 0提问于2019-08-28得票数 1
问题是我的网站没有显示图标。我是一个新手，我看不出有什么错误。sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 这里我尝试使用图标<span class="title">Home</span> </li>
&
浏览 34提问于2020-10-17得票数 1
回答已采纳
我遇到了Chrome上没有显示fontawesome图标的问题。( Safari和Moz都运行得很好)。有没有人知道为什么会这样。谢谢大家。下面是快照：我知道fontawesome.min.css引导的默认字体路径../ font /......，但我已经将我的项目的路径名更改为“../fonts/”，仍然不起作用。图标永远不会出现。
浏览 1提问于2017-06-05得票数 9
对于我的项目，我必须做一个网站，他们给了我一个文件夹" fonts“下载，里面有我需要的字体，我有两种字体，'FontAwesome‘和'glyphicons-halflings’这是我为这些字体写的代码：{ src: url('fonts/fontawesome-webfont.eot');src: url('fonts/fon
浏览 0提问于2017-01-21得票数 0
我试图在我的搜索表格的占位符文本中添加一个图标，如下所示，但我不会让它工作。如果可以的话，有什么想法吗？
浏览 0提问于2017-05-24得票数 0
回答已采纳
我有一个Next.js项目，我在那里使用方框图标。下面是我的_app.js文件：import '@fortawesome/fontawesome<
浏览 9提问于2022-06-28得票数 0
回答已采纳
我用的是Webpack + Vue + vue-fontawesome。但这个不显示图标。faCalendarCheck component in @fortawesome/free-regular-svg-icons
类似地，@fortawesome/free-regular-svg-icons中的其他组件也不起作用为什么@fortawes
浏览 0提问于2018-08-24得票数 7
回答已采纳
正如在中提到的，我们可以为openshift模板设置一个图标。
当我使用默认的opensh
浏览 1提问于2018-10-13得票数 2
回答已采纳
1回答
我正在使用来自fontawesome的图标资源。我的所有图标都没有显示。我检查了我的图标的源链接，它与我的本地链接相同。我的图标在本地工作，但在直播服务器上不工作。对我的问题有什么解决方案吗？
浏览 0提问于2017-10-05得票数 0
2回答
由于某些原因，我无法获得选项卡图标显示。更新这是主屏幕： <Text style={styles.welcomeText}>This is a
浏览 1提问于2019-06-28得票数 4
回答已采纳
指向图标选择器的链接如下： <I class="fas fa-arrow-alt-circle-right"></i>要安装FontAwesome，我运行以下命令$ npm i --save @fortawesom
浏览 1提问于2022-05-20得票数 0
我面临一个问题，试图使用字体图标。“图标”。在它的HTML文件中，我只是将这一行放在标题中显示图标：当我运行我的角项目并打开这个模块时，会发生以下错误(图标确实会显示)：error NG8001：‘fa-图标’不是一个已
浏览 6提问于2020-04-18得票数 11
2回答
我正在尝试在我的网页中加入字体-令人敬畏的图标，这一切都很好，直到我改变到我的选择字体，Exo 2，图标显示为一个边缘广场。它可以很好地与其他字体，但由于某种原因，这是行不通的。
浏览 5提问于2016-10-17得票数 0
回答已采纳
我使用两个FontAwesome图标，以及一些我从icomon.上抓取的图标。FontAwesome运行得很好--太棒了。但是，大约两周后，当我尝试应用图标字体图标时，它们会干扰FontAwesome图标。它导致一些FontAwesome图标显示为方框([])以及所有的图标。
无论如何，这是一个实时的。“喜剧”旁边的[]是一个图标，其余的[]是坏掉的Fon
浏览 2提问于2013-05-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
