无法使fa-icon在角形子模块中工作
fa-icon是一个用于在网页中插入字体图标的开源库。它提供了一系列的图标，可以通过添加相应的CSS类来使用这些图标。
在角形子模块中使用fa-icon时，需要确保以下几点：
- 引入FontAwesome库：首先，需要在网页中引入FontAwesome库的CSS文件。可以通过在HTML文件的<head>标签中添加以下代码来实现：
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">- 添加fa-icon的HTML代码：在需要使用fa-icon的地方，可以使用<i>标签，并添加相应的CSS类来指定要使用的图标。例如，要使用一个名为"fa-check"的图标，可以使用以下代码：
<i class="fas fa-check"></i>这将在网页中插入一个带有"fa-check"图标的元素。
需要注意的是，以上代码中的"fas"是FontAwesome库中用于指定图标类型的CSS类。具体的图标类型可以在FontAwesome官方网站上找到。
关于fa-icon的更多信息，你可以参考腾讯云的字体图标产品，该产品提供了丰富的字体图标资源，可以满足各种应用场景的需求。你可以通过以下链接了解更多信息：
通过使用腾讯云的字体图标产品，你可以方便地在角形子模块中使用fa-icon，并且可以根据具体需求选择合适的图标。
相关·内容
1回答
angular fontawesome社交图标问题
angular、font-awesome、angular-fontawesome
我已经在我的angular应用程序中为字体令人惊叹的图标做了npm install，我的package.json包含：
"@fortawesome/angular-fontawesome": "^0.5.0",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-solid-svg-icons": "^5.15.4"
在我的app.module.ts中，我导入了字体--太棒了：
import { FontAwesome
浏览 4提问于2021-10-20得票数 0
2回答
角度+动态加载字体图标错误
angular、font-awesome
我使用的是Angular (8)的官方字体库，在静态命名图标<fa-icon [icon]="faSearch"></fa-icon>时，我似乎可以很好地加载图标，但在<fa-icon [icon]="item.icon"></fa-icon>中动态加载相同的属性时，我就不能加载图标了，在这种情况下，我会得到以下控制台错误：
...
FontAwesome: Could not find icon with iconName=faSearch and prefix=fas. This warning will be
浏览 2提问于2020-06-23得票数 0
2回答
如何将<i>与<h5>并排对齐
html、css、css-selectors
我想使用一个字体很棒的图标作为项目符号，但h5-tag在fa-icon下面开始，而不是在同一行上。
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<i class=
浏览 21提问于2021-02-22得票数 0
4回答
字体5:找不到图标钱-支票
angular、font-awesome、font-awesome-5
我正在尝试使用角字体加载图标"money-check“；但是获取消息FontAwesome: Could not find icon with iconName=money-check and prefix=fas大多数其他图标都能工作；我发现有几个图标不工作：
货币支票
货币-支票-alt
用户检查
它们没有在下被重新命名。
我的package.json：
"@fortawesome/angular-fontawesome": "0.1.0-10",
"@fortawesome/fontawesome-svg-core
浏览 7提问于2018-06-02得票数 3
回答已采纳
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
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
1回答
映射到角导入定义的字体类
angular、font-awesome、angular-fontawesome
在搜索图标时，它会给您类输入HTML，但是角需要使用图标定义。
例如：
<i class="fa-solid fa-star"></i>
以下是有角度的：
<fa-icon [icon]="['fas','star']"></fa-icon>
如何确定我在网站中找到的图标的图标定义？
我已经在项目中找到了定义列表，但是它实际上无助于将其映射到站点上的图标。
浏览 20提问于2022-04-29得票数 0
1回答
google.maps.InfoWindow中的Angular字体太棒了
angular、typescript、google-maps、google-maps-api-3、angular-fontawesome
在Google Maps Info窗口中显示Font Awese5图标(API) 当在html模板中使用时，FA5在我的Angular应用程序中可以正常工作。但是当使用google.maps.InfoWindow时，我们在Angular之外，我不能使用例如 内容html字符串中的<fa-icon [icon]="['fas', 'location-arrow']"></fa-icon>。 我们还希望在运行时之前打包好所有内容，这样就没有运行时为FA调用js或css了。 Google Maps信息窗口有一个如下所示的按钮：
浏览 8提问于2019-09-23得票数 0
回答已采纳
3回答
角9+ FontAwesome 0.6：“错误NG8001：‘fa-图标’不是已知的元素”
angular、font-awesome
我面临一个问题，试图使用字体图标。我已经在我的项目中安装了带有命令行的FontAwesome：
ng add @fortawesome/angular-fontawesome@latest
我有一个子模块，我想在里面使用“fas”->图像“图标”。因此，我创建了我的子模块：
import { PhotoListComponent } from './photo-list.component';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { lib
浏览 6提问于2020-04-18得票数 11
2回答
如何正确使用FontAwesome图标而不是默认列表项目符号？
html、css
我写了下面的代码，它似乎工作得很好，尽管我的灵感来自互联网，我真的不知道我做得是否正确。我不确定HTML中的<span>元素是否是必需的。另外，在这些项目上使用ARIA的正确方法是什么？ 此外，它不能正确地换行与图标集： ? :root {
font-size: 1em;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
}
.container {
margin: 2em;
}
浏览 11提问于2020-10-27得票数 1
回答已采纳
2回答
如何制作像数据羽毛=“chevron”这样的可见图标？
laravel
在我的laravel 8应用程序中，我尝试使用具有许多图标的tailwindcss2样式：
<i data-feather="chevron-down"></i></div>
我没有看到任何图标，尽管我从源代码模板中应用了所有css文件。
它看起来不像包裹
"@fortawesome/fontawesome-free": "^5.15.4",
我在我的laravel应用程序中使用
哪些软件包/字体，我要添加到我的应用程序，以看到这些图标？在package.json中，我有：
"devDependenci
浏览 5提问于2021-12-05得票数 0
1回答
Font Gulp SaSS任务中可怕的未定义变量
sass、gulp、font-awesome、gulp-sass、font-awesome-5
我有问题，包括字体Awesome / Sass到我的Gulp项目。通过html使用字体效果很好..就像这样，没有问题。但是当我尝试在我的sass文件中使用字体强大的混合时，Sass任务出错了：
events.js:183
throw er; // Unhandled 'error' event
^
Error: toolkit\dev\css\_placeholders.scss
Error: Undefined variable: "$fa-var-user".
on line 269 of toolkit/dev/cs
浏览 0提问于2018-11-07得票数 1
2回答
角+ FontAwesome:使用类指定
angular、font-awesome
我使用的是FontAwesome中的角11，在上下文中，我想通过在html元素上指定一个类属性来指定一个图标，它遵循普通字体的风格--非常棒的用法，而不是指定一个[icon]属性。但是，有什么好的方法可以让我做到这一点呢？
这不会产生任何可见的图标：
<fa-icon class="fa fa-bars"></fa-icon>
但这确实是：
<fa-icon [icon]="['fas', 'bars']"></fa-icon>
我想将它指定为类，而不是[icon]，因为我有一个ng
浏览 3提问于2021-04-09得票数 2
2回答
不加载vue 2的Fontawesome
javascript、vue.js、icons
下面我已经粘贴了我的代码，以便根据文档显示依赖项，以及main.js中的导入。最后，我尝试了许多在我的Footer.vue组件中使用图标的不同方法，但是它们没有出现。当检查浏览器中的元素时，它们显示为<！->，我找不到解决这个问题的方法。
我还试图删除FontAwesomeIcon导入前后的括号，但没有任何结果。有人知道这里会发生什么事吗？
package.json
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons":
浏览 11提问于2022-01-13得票数 0
4回答
如果字体下载被阻止，则退出FontAwesome
javascript、html、css、font-awesome
我正在开发一个网页，发现是一种非常巧妙的方式，可以为事物添加漂亮的图标，但是默认情况下，字体下载会被火狐的阻止。
对于普通字体来说，这不是问题，但是FontAwesome使用unicode字符，这些字符故意超出大多数字体的可打印范围，因此向CSS (EG：font-family: FontAwesome, sans-serif;)添加字体堆栈将无法工作，因为所有的图标都呈现为十六进制。
我意识到我可以调整NoScript以允许字体下载，但这并不是所有用户的理想解决方案--我宁愿页面优雅地降级。
当然，使用Javascript/jQuery很容易做到这一点，但是当然，如果是NoScript执行阻
浏览 9提问于2014-05-14得票数 27
回答已采纳
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
1回答
使用<mat-图标>指令在带有角材料的角6中设置FontAwesome 5
angular6、font-awesome-5、angular-material-6
基线：
角6.0.3
角材料6.4.2
@fortaw人/角形-火锅："^0.1.1“
@fortawesome/fontawesome core“："^1.2.2”
@fortawesome/free-固态-svg-图标“："^5.2.0”
因此，我已经安装了角字体，我试图让<mat-icon>指令工作，但它没有。我不清楚如何注册字体，或者我是否也需要。我正在寻找一个例子，有人在哪里使用新的字体-可怕的角和什么是需要使用的<mat-icon>指令，以获得图标显示。如果我按照角字体-令人敬畏的GitHub页面上的说明操作，这一
浏览 1提问于2018-08-15得票数 3
3回答
字体不适用于模具JS组件
font-awesome、stenciljs
模板版本：@模具/core@1.3.0
我想在我的模板组件中使用字体。
我遵循了中的这些步骤
创建一个“模板组件启动器”项目
安装字体：npm install --save-dev @fortawesome/fontawesome-free
src/index.html中的参考字型
<script src="../node_modules/@fortawesome/fontawesome-free/css/all.css"></script>
<script src="../node_modules/@fortaweso
浏览 0提问于2019-09-05得票数 6
回答已采纳
1回答
如何使用FontAwesome角设置CSS图标的大小？
css、angular、angular-fontawesome
根据FontAwesome使用指南，您可以设置以下图标的大小：
1. <fa-icon [icon]="['far', 'coffee']" [classes]="['toolbar-icon']" size="2x"></fa-icon>
2. <fa-icon [icon]="['far', 'coffee']" [classes]="['toolbar-icon']" transfor
浏览 6提问于2022-07-12得票数 2
回答已采纳
1回答
更改固体字体的厚度令人敬畏的图标问题
css、fonts、icons、stroke
我试图改变svg图标的厚度(我需要使图标的更薄的)。我的项目中的图标被定义为solid (fas)，无法将其更改为正则图标或其他图标(far)，因为我的图标并不存在于node_modules中的自由规则-svg-图标中。因此，我试图找到一个解决方案，用css改变图标的厚度。到目前为止，我还没有找到任何可行的解决方案，所以如果你有任何建议，我会非常感激的。
下面是dom结构中的html：
<fa-icon class="ng-fa-icon" ng-reflect-title="Pencil" ng-reflect-icon="fas,pencil-
浏览 7提问于2022-08-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
