为什么font awesome图标\f105没有出现？
Font Awesome是一个流行的图标字体库，它提供了丰富的矢量图标，可以通过CSS样式来使用。每个图标都有一个对应的Unicode编码，用于在HTML中显示。
如果在使用Font Awesome时，图标\f105没有出现，可能有以下几个原因：
- 字体文件未正确引入：确保在HTML文件中正确引入了Font Awesome的字体文件。可以通过在<head>标签中添加<link>标签来引入，例如：
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">这个链接是Font Awesome官方提供的CDN链接，可以直接使用。
- CSS样式未正确设置：在使用Font Awesome图标时，需要为对应的元素添加正确的CSS类名。例如，如果要使用图标\f105，可以在HTML中的元素上添加类名"fas fa-icon"，其中"icon"是对应图标的名称，如下所示：
<i class="fas fa-icon"></i>请注意，"fas"是Font Awesome提供的默认样式类名，用于设置图标的样式。
- 字体文件未正确加载：有时，字体文件可能由于网络问题或其他原因未能正确加载。可以通过浏览器的开发者工具查看网络请求，确保字体文件被成功加载。
总结起来，要解决Font Awesome图标\f105未出现的问题，需要确保正确引入字体文件，并为对应的元素添加正确的CSS类名。如果问题仍然存在，可以尝试清除浏览器缓存或使用其他版本的Font Awesome库。
关于Font Awesome的更多信息和使用方法，可以参考腾讯云的字体图标服务产品，该产品提供了类似的功能和使用方式： 腾讯云字体图标服务
相关·内容
1回答
使用<fa-icon [ icon ]="faCoffee">元素时如何更改Font Awesome图标的颜色
css、angular、frontend、font-awesome
如何仅使用css更改Font Awesome图标的颜色。下面是我的代码的样子 <div class="channel-type">
<fa-icon [icon]="channel.getChannelType"></fa-icon>
</div> 在我的css中 .channel-type fa-icon {
font-size: 30px;
line-height:30px;
color:black; } .channel-type fa-icon ?Here I need to indicate t
浏览 126提问于2021-08-09得票数 1
3回答
在CoreUI侧边栏中使用字体图标
vue.js、font-awesome、core-ui
我正在尝试用字体替换管理面板模板边栏中的默认CoreUI图标。
我已经成功地使用 of FontAwesome为vue安装了FontAwesome，并且可以使用<font-awesome-icon icon="tasks" />语法很好地显示图标。但我无法在CoreUI侧边栏组件中显示相同的图标。
这是我的_nav.js
export default [
{
_name: 'CSidebarNav',
_children: [
{
_name: 'CSidebarNavItem',
浏览 0提问于2020-07-28得票数 3
5回答
为什么字体-可怕的图标加载在我的Rails应用程序在Heroku上？
ruby-on-rails、heroku、font-awesome
我正在学习如何构建rails应用程序，所以请接受我的这个问题。
我用“字体-超赞”的宝石加载了字体-太棒了。
在我的CSS文件中，我加载了字体-太棒了：
@import "font-awesome-sprockets";
@import "font-awesome";
当我在本地测试我的应用程序时，这是很好的。我正在使用fa-users图标。在我的html页面中，我使用：
<%= link_to root_path, class:'navbar-brand' do %>
<i class="fa fa-users&#
浏览 1提问于2015-12-22得票数 3
回答已采纳
2回答
为什么字体-令人敬畏的图标没有显示？
angular、font-awesome
我创建了一个棱角分明的项目，出于美丽的原因，我想使用字体-令人敬畏的图标。我是这样安装的：
npm install font-awesome
然后将其添加到我的angular.json中的javascript中：
"styles": [
"node_modules/font-awesome/css/font-awesome.css"
]
已选中，路径是正确的(对于我的设置)
因此，当我现在尝试添加“加号”图标(它包含在免费版本中)时，它就像一个奇怪的占位符.
我添加了这样的图标：
<i class="fas fa-plus-circle"
浏览 1提问于2019-09-04得票数 2
回答已采纳
3回答
Nativecript Fontawese5 iphone无法工作
android、iphone、font-awesome、nativescript
我试图让Font Awese5在android上工作，但它不工作。使用包。
我的文件夹结构
- src
-- assets
-- fonts
-- app
assets文件夹包含字体css (font-awesome.css)，我删除了"Font Awesome Use the Unicode Private Use Area (PUA)“注释上面的所有内容，以确保屏幕阅读器不会读取代表图标的随机字符。
fonts文件夹包含我从Font Awese5网站下载的所有字体文件(eot / svg / ttf / woff / woff2) (fa-brands / fa-regular /
浏览 0提问于2018-11-14得票数 0
2回答
角“字体:继承”打破字体
angular
在角中，如果在组件字体上使用font: inherit样式，则停止工作，并显示为▢
app.component.html
<i class="fas fa-car"></i>
app.component.css
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");
i {
font: inherit;
}
Stackblitz：
我以为我破坏了字体库中的一些东西，但令人惊讶的是，与原始HTML/CSS相同的
浏览 4提问于2021-03-27得票数 2
回答已采纳
1回答
在Chrome、Safari或Firefox中加载但不显示的FontAwesome (显示小框)
ruby-on-rails、ruby-on-rails-3、fonts、ruby-on-rails-3.2、font-face
在Rails 3.2.1和Ruby1.9.2中，我在app/assets/fonts目录中有字体-awesome.css、字体-awesome.min.css和字体-e7.min.css。
下面是我使用的@import声明：
@font-face {
font-family: 'FontAwesome';
src: url("./fonts/fontawesome-webfont.eot");
src: url("./fonts/fontawesome-webfont.eot?#iefix") format('em
浏览 1提问于2013-03-14得票数 1
1回答
如何在Nativescript角应用中使用字体5？
nativescript、font-awesome-5、angular-nativescript、angular-fontawesome
我想使用字型Awese5在我的Nativescript-角应用程序。我跟着下面的文章，做了同样的事情，但我总是得到图标"?“用于iOS和安卓的"X“。
Nativescript版本- 6.5，角版本- 8.0
步骤如下：-
从"“下载字体-Awesev5.1.15
在我的应用程序中创建了一个名为“字体”的新文件夹，并将其保存在src文件夹下。在新创建的文件夹中复制所有ttf文件。以下是截图：-
在app.css中添加行并在HTML中使用字体-超赞5，如下所述：
/*app.css*/
.far {
font-famil
浏览 7提问于2021-01-11得票数 1
6回答
覆盖我的CSS的字体
html、css、fonts、font-awesome
我正在写一个页面- 。这些图标都应该具有..side图标的字体大小：
.side-icon{
font-size:28px;
}
但是字体-awesome.css中的样式正在覆盖这一点，不管我在布局中包含了库在哪里。
目前，我已经使用@import将css包含在工作表的顶部(字体-超赞-Fix.css)，但我无法获得“字体:Normal14px/1 FontAwesome；”以完全消失。
请帮帮我！
浏览 8提问于2015-02-27得票数 7
回答已采纳
10回答
Rails:使用令人惊叹的字体
ruby-on-rails、fonts、font-awesome
我的网页设计师为我提供了更新的字体/图标，这些字体/图标已经添加到了font awesome中--他把它放在了本地的fonts文件夹中。我还得到了一个font-awesome.css文件。
我直接将fonts文件夹复制到我的资源中，并将font-awesome.css放入了assets/stylesheets。
css在我的代码中被正确引用，但字体文件夹中的任何图标都没有加载。
是否需要做些什么来确保所有内容都正确加载和/或fonts文件夹被引用？
浏览 0提问于2012-06-15得票数 58
回答已采纳
1回答
如何在django cms图标中使用自定义web字体
python-3.x、django、content-management-system、font-awesome、django-cms
我的问题是，/admin/djangocms_icon/includes/assets.html文件是什么样的？有人能给出一个样本，假设我使用的字体很棒5吗？下面是我在Github上遵循的配置设置。
配置
这个插件为所有实例提供了一个default模板。可以通过添加DJANGOCMS_ICON_TEMPLATES来提供其他模板选择。
地点：
DJANGOCMS_ICON_TEMPLATES = [
('svg', 'SVG template'),
]
网络字体图标##############
django CMS图标插件附带了字体Awese4作为默认
浏览 0提问于2021-04-30得票数 0
回答已采纳
2回答
字体图标不能在浏览器上正确显示
html、css
我使用了一些图标放在我的页脚从字体可怕的链接到其他网页。图标在我的本地服务器上加载得很好，在我的代码页上也加载得很好。然而，图标不会出现在互联网浏览器和我的整个页脚从谷歌铬消失。是什么导致的？
以下是代码页的链接：，这是实际的网站：
HTML代码：
<head>
<link rel="stylesheet" href="filepath/font-awesome-4.6.3%202/css/font-awesome.min.css">
</head>
<div class="row">
浏览 1提问于2016-06-13得票数 2
回答已采纳
2回答
<i>标记图标没有显示在我的Ionic页面中
html、angular、ionic-framework、svg、icons
我试图在html中使用标记图标，但它没有显示图标。
这就是我试图显示图标的方式，但它没有显示图标
<i class="fas fa-plus"></i>
但是，如果我像下面这样使用图标，它就会显示图标
<fa-icon [icon]="['fas','plus']"></fa-icon>
但我需要在下面的类型中显示图标，这样才能完成我的逻辑。
<i class="fas fa-plus"></i>
任何帮助，谢谢！
浏览 10提问于2022-11-29得票数 0
1回答
如何在NativeScript <Button>中使用字体图标
nativescript、angular2-nativescript
当我试图在<Button>上使用图标字体时，我遇到了字体系列冲突。 例如： <Button class="btn btn-primary fas" text="{{'fa-film' | fonticon}} Test"></Button> CSS： .fas {
font-family: 'Font Awesome 5 Free Solid', fa-solid-900;
} 当使用Nativescript主题时，它defines .btn类的font-family。如你所知，图标字体也
浏览 23提问于2019-01-17得票数 4
5回答
使用HTTPS的字体
css、http、https、internet-explorer-8、font-awesome
因此，当我在自己的站点中使用HTTPS时，我在IE8中遇到了字体Awesome的问题，这在Font自己的站点上甚至是可复制的。如果我转到 in IE8，我会得到所有图标的方框，但是如果我转到，则会得到正确呈现的图标。
这里有什么问题？我听说这可能与字体中的相对字体路径有关，但我不确定。
以下是给那些喜欢这类东西的人的截图：
更新
下面是引用字体和加载CSS的代码。我将使用Font站点的代码，因为这似乎是Font的一个问题，而不一定是我的站点的问题：
引用CSS和图标的HTML：
<link rel="stylesheet" href="../assets/c
浏览 2提问于2014-03-26得票数 4
回答已采纳
2回答
FontAwesome显示方块，而不是图标
html、css、font-awesome
我的网页现在显示的是图标的方块，而不是图标本身。
我有相同的页面Page1.html (我将代码“复制-粘贴”到Page2.html)，而Page2显示的是方格(里面有一些字符.)，而不是图标。
嗯，我检查了Page2的控制台，下面是我发现的：
可下载字体:下载失败(字体系列："FontAwesome“样式:正常权重:正常拉伸:普通src索引:1)：错误的URI或跨站点访问不允许来源:FontAwesome font-awesome.min.css:4:14
downloadable font: download failed (font-family: "Font
浏览 7提问于2016-10-08得票数 2
1回答
CDN for Font Awese4.0不提供字体文件
font-awesome、font-awesome-4
我使用Font Awesome已经有一段时间了，今天更新到了4.0。这次我决定使用BootstrapCDN，但我遇到了一些问题。尽管使用了新的类名，但图标不会显示。
CSS文件可以正常下载，但当我查看Chrome中的开发人员工具时，字体不会被使用。根据CSS文件中字体的相对路径(src: url('../fonts/fontawesome-webfont.eot?v=4.0.0');)，)，我能够测试链接并下载字体：
所以链接是正确的(当然)。有人知道为什么字体不被使用吗？
浏览 3提问于2013-10-24得票数 4
6回答
为什么有些字体令人敬畏的图标没有显示？
html、css、angular、font-awesome
我正在使用字体-可怕的角5作为我的UI。由于我使用的是sass，所以在安装font-awesome之后，我在.angular-cli.json中添加了下面一行
"styles": [
"../node_modules/font-awesome/scss/font-awesome.scss",
"../node_modules/bootstrap/scss/bootstrap.scss",
"styles.scss"
],
有些图标可以工作，如
<i class=&#
浏览 2提问于2018-03-26得票数 16
回答已采纳
1回答
如何让LowCodeUnit识别我的字体CSS文件？
font-awesome
我的站点在LowCodeUnit中的页面正在正确地加载除一个.css文件之外的所有文件--特别是“字体--awesome.min.css”，我引用了这些文件(并在服务器上进行了验证)。
<link rel="stylesheet" href="/assets/css/font-awesome.min.css">
如何使我的字体-令人敬畏的图标正确加载？
浏览 4提问于2021-12-17得票数 -1
2回答
FontAwesome角:不能样式路径
angular、angular-fontawesome
我创建了一个新项目，安装了字体-太棒了：
"@fortawesome/angular-fontawesome": "^0.4.0",
"@fortawesome/fontawesome-svg-core": "^1.2.19",
"@fortawesome/free-brands-svg-icons": "^5.9.0",
进口FontAwesomeModule
imports: [
...,
FontAwesomeModule
],
并创建了一个简单的图标：
faFacebook
浏览 1提问于2019-06-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
