Question

我是HTML和CSS的新手。我想首先使用免费模板来查看模板背后的内容。我使用this free template。它使用字体很棒的图标。我知道font-awesome没有像Research-Gate和Academia等的图标......我想用Academicons来实现它们。但我做不到！我按照已经写好的所有内容，但它仍然没有显示，让我们说，研究门图标！你能帮我解决一下吗？提前谢谢！

Answer 1

在<head>代码中就是这样的。

一个。添加font-awesome.css

湾添加academicons.css（必须在font-awesome之前指定）

℃。保持这样的目录 -

--CSS
  --Fonts
  --font-awesome.css
  --academicons.css

要使用它，请将其添加到HTML中。例如;

<i class="fa fa-check"></i><i class="ai ai-google-scholar-square fa-3x"></i>

这里，第一个是字体真棒，第二个是学术界。

<强> Demo Here

<强> --- --- UPDATE

由于您使用的是上面指定的模板，该模板会导入default.css

中的所有其他css文件

在这种情况下，您可以将您的academicons.css放在css/font-awsome/academicons.css文件夹中。下载academicons.zip和extarct。从fonts文件夹中复制字体并将其粘贴到css/font-awesome/fonts

最后在<link rel="stylesheet" href="css/font-awesome/academicons.css">代码中添加head。

希望这有帮助。如果有任何问题，请回来。

自学：整合字体和教学

1 个答案: