如何在线使用字体真棒图标答案

【问题标题】：how to use font awesome icons online如何在线使用字体真棒图标
【发布时间】：2020-11-14 13:46:31
【问题描述】：

<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.03.0/css/font-awesome.min.css">
</head>
<body>
  <i class="fas fa-rupee-sign"></i>
</body>
</html>

这不起作用如何在我的网站在线使用来自 font awesome 的符号

【问题讨论】：

你无法访问cdn maxcdn.bootstrapcdn.com/font-awesome/4.03.0/css/…

标签： css icons font-awesome

【解决方案1】：

只需用这个替换链接标签

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

并用这个标签作为图标标签

<i class="fa fa-inr" aria-hidden="true"></i>

【讨论】：

【解决方案2】：

如果您查看控制台，您会发现您无法访问此 href 链接。试试这个方法：

<html>
<head>
<script src="https://use.fontawesome.com/29ecae9da7.js"></script>
</head>
<body>
    <i class="fa fa-camera-retro fa-5x"></i>
</body>
</html>

您可以在此处找到图标：https://fontawesome.com/v4.7.0/icons/

【讨论】：