2017-12-18 8 views
0

Jade/Pug의 a 태그에 FontAwesome 아이콘을 어떻게 추가 할 수 있습니까? 나는 또한 그것을 대담하게하고 싶다. 미리 감사드립니다! 이것은 내가 무엇을 시도했다입니다 :옥에 FontAwesome 아이콘을 추가하는 방법

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

답변

1

당신은 그것을이 방법이 필요

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

글꼴을 제공하는 데 필요한 아이콘을 추가하면 i 태그에 태그를 추가하고 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">