为什么某些字体真棒图标不显示 [英] why some of the font-awesome icons does not show
问题描述
我在Angular 5中使用了真棒字体作为UI.由于我使用的是sass
,因此在安装font-awesome
I am using font-awesome with Angular 5 for my UI. Since I am using sass
, I added the following line in .angular-cli.json
after installing font-awesome
"styles": [
"../node_modules/font-awesome/scss/font-awesome.scss",
"../node_modules/bootstrap/scss/bootstrap.scss",
"styles.scss"
],
某些图标的工作方式例如
Some of the icons works such as
<i class="fa fa-money blue-text"></i>
<i class="fa fa-code blue-text"></i>
然而,更多的则不是.例如,我想将此条形图图标与fas fa-chart-bar
一起使用,但是它什么也没显示.像fas fa-camera-retro
这样的东西仅显示为一个奇怪的正方形,而不是实际的图标.
However a lot more does not. For example, I wanted to use this bar chart icon with fas fa-chart-bar
, but it does not show anything. Things like fas fa-camera-retro
only shows as a weird square instead of the actual icon.
为什么某些图标不起作用?有没有办法检查这些css类在我安装的font-awesome软件包中是否存在?
Why some of the icons don't work? Is there way to check if these css classes exist in the font-awesome package I installed?
只需在node_modules\font-awesome\css\font-awesome.css
中搜索bar
图表,仅存在fa-bar-chart
,不存在fa-chart-bar
.我安装了最新的字体-很棒(4.7.0).为什么他们的网站上显示fa-chart-bar
.刚使其与fa fa-bar-chart
一起使用.为什么是fa
而不是fas
呢?
Just searched bar
chart in node_modules\font-awesome\css\font-awesome.css
and only fa-bar-chart
exists, not fa-chart-bar
. I have the latest font-awesome when I had it installed (4.7.0). Why does their website says fa-chart-bar
. Just got it to work with fa fa-bar-chart
. Why it is fa
and not fas
is beyond me
推荐答案
只需在以下位置搜索条形图 node_modules \ font-awesome \ css \ font-awesome.css和仅fa-bar-chart 存在,不是fa-chart-bar.我拥有最新的字体,棒极了 已安装(4.7.0).为什么他们的网站上显示fa-chart-bar.得到了 它可以与fa fa-bar-chart一起使用.为什么是fa而不是fas不在我范围内
Just searched bar chart in node_modules\font-awesome\css\font-awesome.css and only fa-bar-chart exists, not fa-chart-bar. I have the latest font-awesome when I had it installed (4.7.0). Why does their website says fa-chart-bar. Just got it to work with fa fa-bar-chart. Why it is fa and not fas is beyond me
随着FA5的发布,这种情况发生了变化,因为现在图标有多种样式:
That was changed with the release of FA5, because now there are multiple styles for the icons:
-
fas
:FontAwesome实体 -
far
:FontAwesome常规 -
fab
:FontAwesome品牌 -
fal
:FontAwesome灯光
fas
: FontAwesome solidfar
: FontAwesome regularfab
: FontAwesome brandsfal
: FontAwesome light
但是,FontAwesome5 free仅适用于大多数图标.要获得完整的体验,您需要付费 FontAwesome Pro .
However, FontAwesome5 free has solid only for most icons. For the full experience, you'd have to pay for FontAwesome Pro.
选择画廊中的任何图标,以查看在该版本中可使用的样式.注意:FA4-icons 此处.
Select any icon in the gallery, to see wich styles are available for it in which release. NB: FA4-icons here.
这篇关于为什么某些字体真棒图标不显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!