2

我正在尝试在我的移动设备上完全开发一个角度项目。我尝试在我的项目中使用 fontawesome 图标。使用减号方形图标时，它甚至无需创建帐户即可工作。

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<button id="remove" class="fa fa-minus-square"></button>

现在我正在尝试使用温度图标和天气图标。看来我需要一个帐户，所以我做到了。

<head>
<script src="https://kit.fontawesome.com/2ee7bde2cf.js">
</script>
</head>
<body>
<h3>Day Summary</h3>
<hr>
<i id="weather" class='fas fa-cloud-moon'></i>
<h2>Cloudy</h2>
<i id="temperature" class='fas fa-temperature-high'></i>

这根本不显示图标。我尝试了相同的减号方形图标，但它不起作用。这些图标在https://www.w3schools.com/icons/tryit.asp?icon=fas_fa-temperature-high&unicon=f769工作 完全没问题。帮我。我在使用 Angular 的移动设备上工作。

4

1 回答 1

0

代码中文件的链接向我2pe7bfe2cy.js返回拒绝访问。w3schools 示例使用不同的 URL（指向a076d05399.js文件）：

<script src='https://kit.fontawesome.com/a076d05399.js'></script>

使用第二个文件更新您的代码适用于 macOS 的 Chrome：

<head>
<script src="https://kit.fontawesome.com/a076d05399.js">
</script>
</head>
<body>
<h3>Day Summary</h3>
<hr>
<i id="weather" class='fas fa-cloud-moon'></i>
<h2>Cloudy</h2>
<i id="temperature" class='fas fa-temperature-high'></i>

该a076d05399.js文件说"license": "free"，其中包括您提到的两个图标。也许您错过了创建帐户的步骤？

替代方案：考虑到它在此示例中有效，这可能是配置问题。由于您使用的是 Angular，Font Awesome 有一个官方的 Angular 组件。文档说：

如果您使用 Angular，则需要 angular-fontawesome 包或带有 CSS 的 Web 字体。

您是否尝试安装angular-fontawesome 软件包？

于 2020-09-11T22:03:55.853 回答