如何在Jade中添加FontAwesome图标

问题描述 投票:0回答:2

如何将FontAwesome图标添加到Jade / Pug中的a标签?我也想大胆一点。提前致谢!这就是我尝试过的:

a(href="#toTop", class="fa fa-arrow-up", aria-hidden="true")
pug font-awesome
2个回答
2
投票

你需要这样做

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

你添加了你需要的图标,以便为i标签提供字体很棒的类,我的标签应该在a标签内。现在你可以应用css并使其变为粗体

还添加字体 - 真棒CDN希望这有帮助。


2
投票

我试图在CodePen中重现你的问题,但它对我有用而没有问题。您是否忘记将FontAwesome CSS依赖项添加到标题中?

如果那是错误的,那么这将是您需要添加到文档标题以使其工作的标记:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
© www.soinside.com 2019 - 2024. All rights reserved.