如何在Jade中添加FontAwesome图标

Question

如何在Jade / Pug中的a标签中添加FontAwesome图标？我也想大胆一点。提前致谢！ 这就是我尝试过的：

a(href="#toTop", class="fa fa-arrow-up", aria-hidden="true")

Answer 1

我试图在CodePen中重现您的问题，但它对我没有任何问题。您是否忘记将FontAwesome CSS依赖项添加到标题？

如果出现问题，那么这就是您需要添加到文档标题中以使其正常工作的标记：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Answer 2

你需要这样

a(href='#')
  i.fa.fa-arrow-up(aria-hidden='true') 

您需要添加图标，以便将字体很棒的类提供给i标记，并且我的标记应位于a标记内。 现在你可以应用css并使其变为粗体

还要添加字体真棒CDN 希望这会有所帮助。