自学：整合Font-awesome和Academacons

Question

我对 HTML 和 CSS 很陌生。我想先研究一个免费模板，看看模板背后发生了什么。我使用 this free template. It uses font-awesome icons. And I know that font-awesome does not have some icons like Research-Gate and Academia et cetera... I would like to implement them by using Academicons。但我做不到！我遵循了所写的所有内容，但它仍然没有显示，比方说，Research-Gate 图标！你能帮我一下吗？提前致谢！

Answer 1

它在 <head> 标签中是这样的。

一个。添加字体-awesome.css

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

c。保持这样的目录 -

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

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

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

在这里，第一个是font-awesome，第二个是academicon。

Demo Here

---更新---

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

中的所有其他 css 文件

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

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

希望对您有所帮助。有问题再回来

自学：整合Font-awesome和Academacons

Self-Study: Intergrating Font-awesome and Academicons

html

css

dreamweaver

font-awesome