如何使用font-awesome库

时间:2017-11-05 19:22:30

标签: html css font-awesome

我可能会问一个愚蠢的问题,但我是javascript及其libs的新手。

我遇到了与this post相同的问题,在接受的答案中,有这一行

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

然而,添加此行后,我有一个导航栏图标,即使我没有在我的HTML中包含img。我也无法操纵使用此样式表构建的此图标的位置。任何人都可以解释它在这种情况下的作用吗? (指post)我注意到没有这行代码,CSS和Javascript就无法应用于简单 <img class="search" src="icon.png" width="30" height="30">

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

1 个答案:

答案 0 :(得分:1)

font awesome是一个css表,当你在特定元素上使用“font awesome classes”时,会出现一个图标。没有jpgs或任何东西可以搞乱。

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

在一个简单的HTML中,这将无能为力。但如果您将样式表添加到页面,您将看到一个地址簿图标。

所有图标都位于此处:http://fontawesome.io/icons/