Html 如何使用字体库

我可能会问一个愚蠢的问题，但我是javascript及其LIB的新手

我遇到了同样的问题，在公认的答案中，有这样一行

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

然而，添加这一行后，我有一个导航栏图标，即使我的html中没有包含img。我也不能操纵这个用这个样式表构建的图标的位置。有人能解释一下它在这方面的作用吗？（参考）我注意到，没有这行代码，CSS和Javascript就无法应用于简单的应用程序

---

我怎么可能用这行代码来调整图标的位置呢

font-awesome是一种css表单，当您在特定元素上使用“font-awesome类”时，它会显示一个图标。没有JPG或任何可以搞乱的东西

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

在普通html中，这将不起任何作用。但是如果您将样式表添加到页面中，您将看到一个地址簿图标

---

所有图标都位于此处：

Ajax

与问题的上下文无关。请将标题更改为：如何使用字体库awesome Library您所说的导航栏图标是什么意思？链接到代码将是伟大的