为什么我不能看到图标图片在角垫-图标按钮？
我在一个角项目中找到了代码的这一部分，我也想将它添加到我的程序中：
<div style="text-align:center">
<a mat-icon-button class="btn-google-plus" href="http://google.com/+"><i class="fa fa-google-plus fa-lg"></i></a>
<a mat-icon-button class="btn-facebook" href="http://www.facebook.com/profile.php?id="><i class="fa fa-facebook fa-lg"></i></a>
<a mat-icon-button class="btn-linkedin" href="http://www.linkedin.com/in/"><i class="fa fa-linkedin fa-lg"></i></a>
<a mat-icon-button class="btn-twitter" href="http://twitter.com/"><i class="fa fa-twitter fa-lg"></i></a>
<a mat-icon-button class="btn-youtube" href="http://youtube.com/"><i class="fa fa-youtube fa-lg"></i></a>
<a mat-icon-button class="btn-mail" href="mailto:"><i class="fa fa-envelope-o fa-lg"></i></a>
</div>但问题是，我不能看到图片(符号)的每个图标在其中，它显示的图标，没有图片在我的应用程序！有什么问题，我怎么解决呢？
回答 3
Stack Overflow用户
发布于 2019-11-30 08:57:08
您在代码中使用的是字体，非常好的图标，因此您需要在角度设置中添加库。请参考这链接，了解如何在安装过程中使用字体库。
否则，您可以在您的index.html中调用外部样式表，然后它也会正常工作。请参考外部样式表URL。
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />希望这能有所帮助！谢谢。
Stack Overflow用户
发布于 2019-11-28 21:04:05
代码的这一部分<i class="fa fa-linkedin fa-lg"></I>通知您要显示来自Awesome 的图标
如果你想这样做，你应该在你的应用程序中添加这个字体，比如：index.html。<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
有关如何使用此字体的更多信息，您将找到这里。
Stack Overflow用户
发布于 2022-11-28 21:52:31
2022年，我在Coursera上做了角航向，我也面临着同样的问题。问题中的代码与课程中的代码是相同的，所以我假设OP在这个过程中也会面对它。
在为本课程开发的conFusion网站的上下文中，有一个针对这个问题的解决方案：
在src/_variables.scss中，我能够通过设置
$fa-font-path : '../fonts';而不是按照指示的../node_modules/font-awesome/fonts。
当您在一个角项目中的styles.scss中有这个导入时，看起来：
@import '../node_modules/font-awesome/scss/font-awesome.scss';$fa-font-path变量被解释为相对于Font文件的位置，这是实际使用该变量的位置，而不是相对于您的styles.scss文件本身所在的位置。
我正在用14.2角做这门课。我猜想讲师的指导和他2018年左右记录课程的方式一样有效，但自那以后，SCSS的情况发生了变化。
https://stackoverflow.com/questions/59095812
复制相似问题
腾讯云开发者
